No se sube nada
Convertir HEX a HSL
Escribe un código de color hexadecimal para obtenerlo en hsl(): tono, saturación y luminosidad, la forma más fácil de crear versiones más claras, más oscuras o más suaves de un color en CSS.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() o un nombre CSS como tomato.
Contraste
Sobre blanco 5,31:1
- AA, texto normal: Cumple
- AA, texto grande: Cumple
- AAA, texto normal: No cumple
- AAA, texto grande: Cumple
Sobre negro 3,96:1
- AA, texto normal: No cumple
- AA, texto grande: Cumple
- AAA, texto normal: No cumple
- AAA, texto grande: No cumple
Para un texto de este color sobre fondo blanco o negro (WCAG 2). Texto grande es de 24 px, o de 18,66 px en negrita.
Formatos
Leído como HEX.
- HSL
- hsl(248.3, 53.5%, 57.8%)
- HEX
- #6a5acd
- RGB
- rgb(106, 90, 205)
- HSV (HSB)
- hsv(248.3, 56.1%, 80.4%)
- CMYK (aproximado)
- cmyk(48.3%, 56.1%, 0%, 19.6%)
- OKLCH
- oklch(54.36% 0.1712 285.54)
- Nombre CSS
- slateblue
El CMYK usa la fórmula sencilla, sin perfil de color. Las imprentas convierten con su propio perfil, así que tómalo como punto de partida.
Lo que escribes se queda en este dispositivo. No se sube nada.
¿Te ahorró tiempo? DigiTools es gratis, sin anuncios y sin registro. Deja una propina (se abre en una pestaña nueva) para ayudar a que siga así.
Cuéntales a otros qué te pareció: deja tu opinión sobre DigiTools en Trustpilot (se abre en una pestaña nueva).
Cómo convertir HEX a HSL
- Escribe o pega un código hexadecimal, como #6a5acd.
- Lee arriba el valor en HSL, con todos los demás formatos debajo. Se actualiza mientras escribes.
- Copia lo que necesites y mira lo legible que es el color sobre blanco y sobre negro.
Preguntas frecuentes
¿Se envía algo a un servidor?
No. Los colores se convierten en tu navegador, en este dispositivo, mientras escribes, y no se guarda nada.
¿Qué significan los tres números de HSL?
El tono es la posición en la rueda de colores, en grados: 0 es rojo, 120 verde y 240 azul. La saturación va del gris (0 %) al color pleno (100 %) y la luminosidad, del negro (0 %) al blanco (100 %), pasando por el color puro (50 %).
¿Por qué el valor HSL lleva decimales?
Los códigos hexadecimales nombran unos 16,7 millones de colores y HSL con números enteros no llega a todos, así que al redondear podrías volver a un tono distinto. Con un decimal basta para volver exactamente al mismo código.