Conversor de color
Convierte un color entre los formatos HEX, RGB y HSL con una vista previa en vivo - edita cualquier valor y los demás se actualizan al instante.
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
Preguntas frecuentes
¿Cuál es la diferencia entre RGB y HSL?
RGB describe un color por sus componentes de luz roja, verde y azul (0-255 cada uno). HSL describe el mismo color por matiz (posición en la rueda de color, 0-360°), saturación (intensidad, 0-100%) y luminosidad (0-100%). HSL suele ser más intuitivo para ajustar un color, como aclararlo o atenuarlo, sin cambiar su matiz.
¿Puedo introducir un código hex de 3 dígitos como #fff?
Sí, los códigos hex abreviados de 3 dígitos se expanden automáticamente, #fff se convierte en #ffffff antes de convertir.
¿Por qué convertiría HEX a HSL en lugar de usar solo HEX en todas partes?
HSL facilita ciertos trucos de CSS, como generar un conjunto de tonos de color consistentes cambiando solo el valor de luminosidad, o construir una paleta de colores accesible controlando saturación y luminosidad independientemente del matiz.