Color RGB a HSL

Leer un color por tono y luminosidad

Transforma canales RGB enteros en tono, saturación y luminosidad. Usa RGB a HSL cuando conoces exactamente los canales rojo, verde y azul, pero quieres comparar colores o ajustar una paleta de forma más intuitiva. Se admiten canales enteros de cero a 255, con sintaxis rgb() o separados por comas. El tono se deduce del canal dominante y de las diferencias entre canales.

Los canales se normalizan a 0–1; el máximo, el mínimo y su diferencia determinan HSL. La saturación baja a cero cuando los tres canales son iguales; un gris no tiene tono significativo y la salida usa cero grados por convención. La luminosidad parte del punto medio entre el canal normalizado mayor y menor. El ejemplo da un tono cercano a 211 grados, útil para buscar azules relacionados. Los porcentajes se redondean a dos decimales. Para una comprobación concreta, la entrada de ejemplo rgb(42, 127, 220) produce hsl(211.35, 71.77%, 51.37%). 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.