No se sube nada
Convertir RGB a HSL
Escribe un color RGB para obtener su valor hsl(): el mismo color descrito por tono, saturación y luminosidad, más fácil de ajustar en CSS.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() o un nombre CSS como tomato.
Contraste
Sobre blanco 4,99:1
- AA, texto normal: Cumple
- AA, texto grande: Cumple
- AAA, texto normal: No cumple
- AAA, texto grande: Cumple
Sobre negro 4,21: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 RGB.
- HSL
- hsl(348, 83.3%, 47.1%)
- HEX
- #dc143c
- RGB
- rgb(220, 20, 60)
- HSV (HSB)
- hsv(348, 90.9%, 86.3%)
- CMYK (aproximado)
- cmyk(0%, 90.9%, 72.7%, 13.7%)
- OKLCH
- oklch(57.12% 0.2219 20.09)
- Nombre CSS
- crimson
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 RGB a HSL
- Escribe o pega un color RGB, como rgb(220, 20, 60).
- 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.
¿Cómo se pasa de RGB a HSL?
Divide cada valor entre 255. La luminosidad es la media entre el mayor y el menor; la saturación, su diferencia dividida entre (1 − |2 × luminosidad − 1|). El tono depende de qué canal es el mayor: en rgb(220, 20, 60) es el rojo, y el tono sale 348°, casi una vuelta completa.
¿Cuándo es mejor HSL que RGB?
Cuando necesitas variantes de un mismo color: mantén el tono y cambia la luminosidad para los estados al pasar el ratón o al pulsar, o baja la saturación para fondos apagados. En RGB cambiarían los tres números.