Verifica ratios de contraste WCAG y convierte formatos de color

Evalúa la legibilidad del texto sobre colores de fondo personalizados para cumplir los requisitos de accesibilidad WCAG AA y AAA. Convierte simultáneamente códigos de color entre las notaciones HEX, RGB y HSL.

Paso a paso

  1. 1

    Introduce el color frontal

    Introduce el color del texto en formato HEX, RGB o HSL.

  2. 2

    Establece el color de fondo

    Elige blanco, negro o introduce un código de fondo personalizado para probar el contraste.

  3. 3

    Comprueba & ajusta

    Verifica los indicadores de cumplimiento y haz clic en un nivel de luminosidad si necesitas más contraste.

Pruebas de cumplimiento WCAG en tiempo real

Prueba tus selecciones de color sobre blanco puro, negro puro o cualquier fondo personalizado. La herramienta informa los ratios de contraste exactos y confirma si cumples los requisitos AA (4.5:1), AAA (7.0:1) o Texto grande (3.0:1).

9 niveles de luminosidad para ajustes rápidos

Cuando un color de marca no alcance los umbrales de contraste de accesibilidad, haz clic en cualquiera de los 9 niveles de luminosidad calculados para identificar un tono compatible sin modificar el matiz principal.

Compatibilidad universal con formatos de color

Admite HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), hsl(), ternas separadas por espacios y más de 50 nombres de colores CSS.

Guías según tu situación

Conversor de códigos de color →

Preguntas frecuentes

¿Esta herramienta genera separaciones de impresión CMYK o muestras Pantone?

No, está diseñada exclusivamente para formatos digitales web y de pantalla (HEX, RGB, HSL).

¿Puedo escribir nombres estándar de CSS como 'steelblue' o 'goldenrod'?

Sí, se reconocen y convierten automáticamente alrededor de 50 nombres de colores CSS estándar.