Color HSL a RGB

Construir canales a partir de HSL

Convierte tono, saturación y luminosidad en canales RGB enteros. Usa esta dirección cuando un diseño parte de un tono y dos porcentajes, pero otra herramienta necesita canales RGB numéricos. Introduce hsl(210, 70%, 50%) o los mismos valores separados por comas. El tono va de cero a 360 grados; saturación y luminosidad van de cero a cien por ciento.

El tono elige un sector cromático; croma y luminosidad determinan los canales RGB redondeados. El algoritmo calcula el croma a partir de saturación y luminosidad, lo coloca en el sector del tono y añade un desplazamiento común para obtener rojo, verde y azul. Redondea los canales a enteros de cero a 255. El tono 360 grados equivale a cero. Con saturación cero se obtiene gris con independencia del tono. Para una comprobación concreta, la entrada de ejemplo hsl(210, 70%, 50%) produce rgb(38, 128, 217). Conserva el original junto al resultado para compararlo con otra aplicación.

Comprender los modelos de color

HEX y RGB describen los mismos tres canales de luz aditiva. Cada canal toma un entero entre cero y 255, y la notación hexadecimal escribe ese valor con dos cifras de base dieciséis. Un código de seis cifras contiene, por tanto, pares para rojo, verde y azul en ese orden. HSL describe el mismo color RGB de otra forma: el tono marca un lugar en la rueda cromática, la saturación mide su distancia a un gris de luminosidad equivalente y la luminosidad lo sitúa entre negro y blanco. Estas formas ayudan a comparar variables de diseño, leer CSS y ajustar una paleta.

Elegir la representación adecuada

El resultado no incluye canal alfa; se usan RGB entero y HSL convencional, no perfiles de gestión de color. Elige el formato que espera el lugar donde pegarás el resultado. CSS admite tanto hexadecimal como las funciones rgb() y hsl(), pero un sistema de diseño puede guardar los canales por separado. Esta herramienta usa la aritmética habitual de sRGB; no transforma perfiles de pantalla ni predice cómo reproducirá cada monitor un color. Los resultados de tres canales no incluyen transparencia. Un código de cuatro u ocho cifras con alfa requiere otra operación. Los canales RGB enteros y los decimales HSL mostrados pueden redondearse, de modo que una conversión de ida y vuelta podría variar en una unidad.