La vista previa del color aparecerá aquí

Ejemplos

Convertidor de HSL a HEX

Ingresa un color para ver conversiones

#ff0000, rgb(255,0,0), hsl(0,100%,50%), red

¿Qué es HSL?

HSL significa tono, saturación, luminosidad. El tono es un grado en la rueda de colores (0-360), saturación y luminosidad son porcentajes. Es intuitivo para ajustes de color. Ejemplo: hsl(14, 100%, 60%)

¿Qué es HEX?

HEX es un código de color hexadecimal usado en diseño web. Consiste en un # seguido de 6 caracteres (0-9 y A-F) que representan valores de rojo, verde y azul. Ejemplo: #FF5733

¿Cómo convertir HSL a HEX?

Simplemente ingresa tu valor de color en el campo de entrada y la conversión ocurrirá automáticamente. Luego puedes copiar el resultado con un clic.