Conversor de Formato de Color — Herramientas en línea gratuitas

Selector de Color

HEX

RGB

Rojo(R)

Verde(G)

Azul(B)

HSL

Tono(H) (0–360)

Sat(S) (0–100)

Lum(L) (0–100)

RGBA

Rojo(R)

Verde(G)

Azul(B)

Alfa(A)

HSLA

Tono(H)

Sat(S)

Lum(L)

Alfa(A)

Cómo Usar

Ingresa un color en cualquier formato — HEX, RGB, HSL, RGBA o HSLA — o haz clic en la muestra para abrir el selector de color
El resto de campos se actualizan automáticamente
Ajusta el valor A en la sección RGBA o HSLA para establecer la opacidad (0 = totalmente transparente, 1 = totalmente opaco)
Haz clic en Copiar junto a cualquier formato para copiar el valor CSS listo para usar
La muestra con patrón de tablero en la parte superior permite confirmar visualmente el color y la transparencia

HEX usa un número hexadecimal de seis dígitos para representar un color, por ejemplo #FF5733. Es muy utilizado en CSS y diseño web.

RGB especifica un color usando componentes rojo, verde y azul, cada uno con valores de 0 a 255. Ejemplo: rgb(255, 87, 51).

HSL representa Tono (0–360°), Saturación (0–100%) y Luminosidad (0–100%). Es más intuitivo para diseñadores que quieren ajustar colores.

RGBA extiende RGB con un canal Alfa (0–1) que controla la opacidad. Ejemplo: rgba(255, 87, 51, 0.5) es 50% transparente.

HSLA extiende HSL con un canal Alfa (0–1). Ejemplo: hsla(14, 100%, 60%, 0.5) es un naranja semitransparente.