Herramientas de color
Funciona en tu dispositivo. No se envía nada.No se sube nada: toda la conversión ocurre en tu dispositivo.
Comprobador de contraste
Contra el blanco
AA (texto normal)
5.17:1AprobadoAA (texto grande)
5.17:1AprobadoAAA (texto normal)
5.17:1No aprobadoAAA (texto grande)
5.17:1AprobadoContra el negro
AA (texto normal)
4.06:1No aprobadoAA (texto grande)
4.06:1AprobadoAAA (texto normal)
4.06:1No aprobadoAAA (texto grande)
4.06:1No aprobadoTonos
Convierte entre HEX, RGB y HSL, comprueba el contraste WCAG y genera una gama de tonos, todo en tu navegador.
Esta herramienta convierte un color entre notación HEX, RGB y HSL, comprueba su ratio de contraste WCAG frente a texto blanco y negro, y genera una gama de tonos de oscuro a claro, todo calculado localmente en tu navegador mientras escribes.
Preguntas frecuentes
¿Qué significan los niveles WCAG AA y AAA?
Son umbrales de contraste de accesibilidad de las Web Content Accessibility Guidelines: AA exige al menos 4,5:1 de contraste para texto normal (3:1 para texto grande: 18 pt o más, o 14 pt o más en negrita), y el más estricto AAA exige 7:1 para texto normal (4,5:1 para texto grande). Cumplir AA es la referencia habitual para texto accesible.
¿Por qué HEX/RGB/HSL pueden dar un valor ligeramente distinto al ir y volver?
HSL almacena el tono, la saturación y la luminosidad como números enteros redondeados, así que convertir RGB a HSL y de vuelta puede desplazar un canal uno o dos puntos por redondeo. Es normal y ocurre en cualquier herramienta de color que admita HSL.
¿Cómo se genera la gama de tonos?
Manteniendo fijos el tono y la saturación del color y variando solo su luminosidad en el espacio HSL, de casi negro a casi blanco. Como en la mayoría de las herramientas de color, es una gama simple y predecible, no perceptualmente uniforme (eso necesitaría un espacio de color más complejo).