Acerca de esta herramienta
Convierta valores de color HSL (Tono, Saturación, Luminosidad) a códigos hexadecimales. HSL es un modelo de color intuitivo donde Tono es el ángulo de color (0-360°), Saturación es la intensidad del color (0-100%) y Luminosidad controla qué tan claro u oscuro es el color (0-100%). Útil para diseñadores que trabajan en HSL y necesitan códigos hexadecimales para CSS.
Preguntas frecuentes
- ¿Por qué utilizar HSL en lugar de hexadecimal o RGB?
- HSL es más intuitivo para los humanos. ¿Quieres un tono más oscuro? Disminuir la luminosidad. ¿Quieres una versión apagada? Disminuir la saturación. Estas relaciones no son obvias en hexadecimal o RGB, donde sería necesario ajustar los tres canales.
- ¿Qué significa un tono de 0 frente a 360?
- Tanto 0° como 360° son rojos: la rueda de tono gira. Tonos principales: 0° = rojo, 60° = amarillo, 120° = verde, 180° = cian, 240° = azul, 300° = magenta.
- ¿Qué sucede al 0% y al 100% de saturación?
- Con una saturación del 0%, cualquier tono se convierte en un tono de gris (determinado únicamente por la luminosidad). Con una saturación del 100%, obtienes la versión más pura y vívida de ese tono.
- ¿Cómo funciona la ligereza?
- El 0% de luminosidad siempre es negro independientemente del tono/saturación. El 100% es siempre blanco. El 50% da la versión más pura y vibrante del color. Los valores entre 0-50% son tonos más oscuros, 50-100% son tintes más claros.