No se sube nada
Convertir HSL a HEX
Escribe un color hsl(), como hsl(39, 100%, 50%), para obtener su código hexadecimal para programas de diseño, plantillas de correo y cualquier sitio que no acepte hsl().
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() o un nombre CSS como tomato.
Contraste
Sobre blanco 1,96:1
- AA, texto normal: No cumple
- AA, texto grande: No cumple
- AAA, texto normal: No cumple
- AAA, texto grande: No cumple
Sobre negro 10,71:1
- AA, texto normal: Cumple
- AA, texto grande: Cumple
- AAA, texto normal: Cumple
- AAA, texto grande: 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 HSL.
- HEX
- #ffa600
- RGB
- rgb(255, 166, 0)
- HSL
- hsl(39, 100%, 50%)
- HSV (HSB)
- hsv(39, 100%, 100%)
- CMYK (aproximado)
- cmyk(0%, 35%, 100%, 0%)
- OKLCH
- oklch(79.4% 0.1709 71.06)
- Nombre CSS
- Ninguno (el más parecido: orange)
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 HSL a HEX
- Escribe o pega un color HSL, como hsl(39, 100%, 50%).
- Lee arriba el valor en HEX, 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.
¿Cómo se convierte HSL en HEX?
El tono elige el color en la rueda, y la saturación y la luminosidad dicen cuánto color hay y lo claro que es. Eso da los valores de rojo, verde y azul de 0 a 255, cada uno escrito con dos cifras hexadecimales: hsl(39, 100%, 50%) es rgb(255, 166, 0), o sea #ffa600.
¿Qué formas de escribir HSL acepta?
hsl(39, 100%, 50%), hsla(39, 100%, 50%, 0.5), la forma más reciente hsl(39 100% 50% / 50%) y unidades de tono como 39deg, 0.11turn o 0.68rad.