Conversor de Colores
Convierte colores entre los formatos HEX, RGB, HSL y HSV al instante en tu navegador. Escribe en cualquier formato y los demás se actualizan automáticamente.
Preguntas frecuentes
¿Qué son los modelos de color y cuándo usar cada uno?
HEX es el formato estándar para el desarrollo web y CSS: un código hexadecimal de seis caracteres como #3b82f6. RGB (Rojo, Verde, Azul) es el modelo aditivo usado por las pantallas; es ideal cuando necesitas especificar intensidades exactas de canal. HSL (Tono, Saturación, Luminosidad) es intuitivo para los humanos: eliges un ángulo de tono y ajustas la viveza y la claridad del color, ideal para generar paletas programáticamente. HSV (Tono, Saturación, Valor) es similar pero usa el "valor" (brillo) en lugar de la luminosidad, y es común en aplicaciones de diseño gráfico.
¿En qué se diferencia HSL de HSV?
Tanto HSL como HSV comparten los mismos ejes de tono y saturación, pero su tercer componente difiere. En HSL, una luminosidad del 100% siempre produce blanco sin importar la saturación, mientras que el 50% de luminosidad con saturación máxima da la versión más pura del tono. En HSV, un valor del 100% con saturación máxima da el tono más puro, y el blanco solo se alcanza cuando la saturación es 0% y el valor es 100%. Esto hace que HSV se comporte más como mezclar pintura con blanco, mientras que HSL es simétrico alrededor de un gris medio.
¿Por qué los valores convertidos a veces difieren en 1?
Las conversiones de color implican dividir enteros entre 255 y redondear en cada paso. Estas operaciones de redondeo pueden causar pequeñas discrepancias de ±1 en los valores finales. Por ejemplo, convertir RGB(128, 0, 0) a HSL y volver puede producir RGB(127, 0, 0) o RGB(129, 0, 0) dependiendo del redondeo. Este es un comportamiento esperado y la diferencia visual es imperceptible para el ojo humano.