Herramientas Pantone

HEX a HSL

Convierte códigos de color HEX a valores HSL con precisión, ideal para manipulación de color y sistemas de diseño.

Convertidor de color

#

Enter a 6-character hex code (without the #)

Haga clic en las muestras de color para ver ejemplos

Resultado de color

HSL Values

Matiz

0° = Red, 120° = Green, 240° = Blue

Saturación 0%

0% = Gray, 100% = Full color

Ligereza 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Ejemplos de conversión

Rojo

HEX: #FF0000

HSL: 0°, 100%, 50%

Verde

HEX: #00FF00

HSL: 120°, 100%, 50%

Azul

HEX: #0000FF

HSL: 240°, 100%, 50%

Amarillo

HEX: #FFFF00

HSL: 60°, 100%, 50%

Magenta

HEX: #FF00FF

HSL: 300°, 100%, 50%

Cian

HEX: #00FFFF

HSL: 180°, 100%, 50%

Herramientas recomendadas

Acerca de esta herramienta

Nuestro convertidor de HEX a HSL transforma códigos de color hexadecimales en el modelo de color HSL (Tono, Saturación, Luminosidad), que es particularmente útil para la manipulación del color y la creación de esquemas de color consistentes.

HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).

Esta conversión es especialmente valiosa para desarrolladores y diseñadores web que trabajan con CSS, ya que HSL permite ajustes de color intuitivos. Modificar un solo componente (tono, saturación o luminosidad) produce resultados predecibles, lo que facilita la creación de variaciones y armonías de color.

El proceso de conversión primero transforma HEX a RGB y luego convierte RGB a HSL utilizando algoritmos estándar de la industria que preservan con precisión la integridad del color entre diferentes modelos de color.

Preguntas frecuentes