Conversor de Colores
Hexadecimal, RGB y HSL de un color, con su complementario y el contraste frente a blanco y negro.
Resultados
Hexadecimal
#d1490b
RGB
rgb(209, 73, 11)
HSL
hsl(19, 90%, 43%)
Color complementario
#2eb6f4
Color de texto legible
#000000
Contraste frente a blanco
4,50
Contraste frente a negro
4,67
Luminancia de la escena
0,1834
Qué hace esta herramienta
El mismo color tiene tres nombres según quién pregunte. Quien quiera aclararlo o suavizarlo necesita HSL, el único donde eso es un número que se puede girar.
Fórmula
convierte entre hexadecimal, RGB y HSL, y calcula la luminancia de la norma WCAG
Variables
| Símbolo | Significado | Unidad |
|---|---|---|
color | Color | — |
HX | Hexadecimal | — |
RG | RGB | — |
HS | HSL | — |
CP | Color complementario | — |
ON | Color de texto legible | — |
CW | Contraste frente a blanco | — |
CB | Contraste frente a negro | — |
LU | Luminancia de la escena | — |
Ejemplo resuelto
- Color#d1490b
- Hexadecimal#d1490b
- RGBrgb(209, 73, 11)
- HSLhsl(19, 90%, 43%)
- Color complementario#2eb6f4
- Color de texto legible#000000
- Contraste frente a blanco4,50
- Contraste frente a negro4,67
- Luminancia de la escena0,1834
Limitaciones
- El cálculo se realiza íntegramente en su navegador. Los valores introducidos nunca se envían a un servidor.
- Los valores por defecto son referencias típicas, no mediciones de su situación. Sustitúyalos por sus propios datos siempre que los tenga.
Preguntas frecuentes
¿Qué relación de contraste hace falta?
Las pautas WCAG piden al menos 4,5 a 1 para texto normal y 3 a 1 para texto grande. Los dos valores son el contraste frente a blanco y frente a negro.