Conversor RGB ↔ HSL
Convierte tres valores RGB a HSL, o tres valores HSL a RGB, en ambos sentidos.
¿No lo crees? Apaga tu internet y pruébalo — sigue funcionando.
Cómo funciona
RGB describe un color por la cantidad de rojo, verde y azul que tiene (0 a 255 cada uno). HSL describe el mismo color de una forma más intuitiva para ajustes visuales: matiz (el color en sí, 0 a 360°), saturación (intensidad, 0 a 100%) y luminosidad (qué tan clara u oscura, 0 a 100%). Por qué usar HSL en CSS: para crear un tono más claro de un color, basta con subir la luminosidad, sin recalcular tres canales. Ejemplo: rgb(59, 130, 246) es hsl(217, 91%, 60%); subir la L al 80% da un azul mucho más claro, con el mismo matiz. En los extremos, el matiz y la saturación dejan de importar: con L = 0% el resultado es siempre negro, y con L = 100%, siempre blanco. Y con S = 0% obtienes un gris, sea cual sea la H.