Verificador de contraste de color

Check WCAG color contrast ratio between foreground and background colors and verify AA/AAA compliance. Gratis, privado y 100% del lado del cliente.

Entrada

Probar un ejemplo:

Salida

Local only

Historial reciente

Sin historial aún

Uso

Enter two colors (foreground and background) separated by a newline or space.
Read the contrast ratio and AA/AAA compliance results.
Adjust colors to meet your accessibility target.

Tareas que usan esta herramienta

Verificar color contrast for WCAG accessibility compliance

Measure el contrast ratio entre foreground y background colors y verificar it meets WCAG AA o AAA thresholds.

Convertir RGB colors to HEX (and back)

Translate color valores entre rgb() y #rrggbb notation, con alpha-channel handling para CSS funcionar.

Preguntas frecuentes

What is the WCAG contrast ratio?: The ratio is (L1 + 0.05) / (L2 + 0.05) where L1 and L2 are the relative luminances of the lighter and darker colors. Black on white yields 21:1.
What are the AA and AAA thresholds?: AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.

Herramientas relacionadas

Convertidor de color

Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratis, privado y 100% del lado del cliente.

Mezclador de colores

Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Gratis, privado y 100% del lado del cliente.

Selector de color desde imagen

Extract dominant colors from image. Gratis, privado, 100% del lado del cliente.