Convertidor de colores: HEX, RGB, HSL

Tres formas de escribir un color

HEX escribe el rojo, el verde y el azul como tres pares de dígitos hexadecimales de 00 a ff: #ff8800 es rojo 255, verde 136, azul 0. La forma corta #f80 duplica cada dígito. RGB escribe los mismos números en decimal. HSL describe el color por tono (0 a 360 grados en la rueda de color), saturación y luminosidad en porcentaje, más fáciles de ajustar a mano.

Por qué usar HSL

Para aclarar u oscurecer un color de marca, mantén el tono y la saturación y cambia solo la luminosidad: hsl(32, 100%, 50%) pasa a hsl(32, 100%, 70%). Girar el tono 180 grados da el color complementario. Pasar a HSL y volver a HEX es la forma más rápida de crear una paleta coherente.

Redondeo y nombres

Los valores HSL se redondean a enteros, así que ida y vuelta puede mover un valor en una unidad. Se reconocen los 148 nombres de color CSS. La transparencia (alfa de rgba o hsla) se ignora y solo se convierte el color sólido.

Ejemplo

Un color HEX convertido a RGB y HSL.

Entrada

#6d3fd8

Resultado

#6d3fd8  rgb(109, 63, 216)  hsl(258, 66%, 55%)

Cómo usar

1. Escribe o pega un color por línea.
2. Lee los valores HEX, RGB y HSL en cada línea de resultado.
3. Copia la notación que necesites o descarga la lista.

Preguntas frecuentes

¿Cómo convierto HEX a RGB?

Divide los seis dígitos en tres pares y convierte cada par de hexadecimal a decimal: ff = 255, 88 = 136, 00 = 0. O pega el código arriba.

¿Puedo convertir varios colores a la vez?

Sí, un color por línea.

¿Y CMYK?

CMYK depende del perfil de impresión, así que una fórmula simple sería engañosa. Pide el perfil a tu imprenta y convierte en tu programa de diseño.