Convertidor de color
Introduce cualquier color CSS — HEX, RGB, HSL, HSLa, HWB, OKLCH, OKLab o un nombre de color — y ve al instante todos los valores equivalentes, además de las relaciones de contraste WCAG con blanco y negro.
Sin subir archivos · Todo se procesa en este navegador
Contraste (WCAG 2)
| Texto sobre blanco | Texto sobre negro | |
|---|---|---|
| Relación | ||
| AA texto grande (3:1) | ||
| AA texto normal (4.5:1) | ||
| AAA texto normal (7:1) |
Preguntas frecuentes
¿Qué es OKLCH?
OKLCH describe un color por luminosidad, croma y tono en un espacio perceptualmente uniforme. Si solo cambias la luminosidad, el tono se ve igual, algo útil en sistemas de diseño. Todos los navegadores modernos lo admiten en CSS.
¿Por qué CMYK es aproximado?
Los colores impresos dependen del papel, la tinta y el perfil ICC. Esta herramienta usa una fórmula simple sin perfil, así que confirma los valores exactos con tu imprenta.
¿Qué formatos de color puedo introducir?
Se aceptan HEX (#fff, #ffffff, #ffffffff), rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), oklab() y nombres de colores CSS como tomato o rebeccapurple.
¿Qué muestra la comprobación de contraste WCAG?
Muestra la relación de contraste de tu color frente a blanco puro y negro puro, y si supera los criterios AA (4,5:1 para texto normal, 3:1 para texto grande) y AAA (7:1 para texto normal) de WCAG 2.
¿Puedo usar esta herramienta sin conexión?
Sí. El conversor usa solo la lógica de análisis de color CSS integrada en el navegador y funciona sin internet una vez cargada la página.