Conversor de colores
Pega o elige cualquier color CSS para verlo en todos los formatos. Comprueba su contraste con un fondo para textos accesibles.
Cualquier color CSS: #2447c4, rgb(36 71 196), hsl(227 69% 46%), oklch(47% 0.2 265), rebeccapurple…
| Formato | Valor | Copiar |
|---|---|---|
| HEX | — | |
| RGB | — | |
| HSL | — | |
| HWB | — | |
| OKLCH | — | |
| OKLab | — | |
| CMYK | — |
Contraste
El veloz murciélago hindú comía feliz cardillo y kiwi.
- Relación de contraste
- —
- AA texto normal (4,5:1)
- —
- AA texto grande (3:1)
- —
- AAA texto normal (7:1)
- —
- Sobre blanco
- —
- Sobre negro
- —
Preguntas frecuentes
¿Qué contraste necesito?
WCAG 2 pide al menos 4,5:1 para texto normal y 3:1 para texto grande (unos 24 px, o 19 px en negrita) en nivel AA, y 7:1 y 4,5:1 en AAA. Logotipos y texto decorativo están exentos.
¿Por qué usar OKLCH?
OKLCH está diseñado para que pasos iguales se vean igual de distintos. Cambiar solo la luminosidad mantiene el tono, ideal para paletas y temas oscuros. Todos los navegadores modernos lo admiten en CSS.