Color Contrast Checker
Pick two colors and see the WCAG contrast ratio with AA / AAA results in real time.
21.00 : 1
Excellent — AAA
The quick brown fox jumps over the lazy dog.
WCAG 2.1 defines contrast for body copy at 4.5:1 and large headings at 3:1. AAA is stricter at 7:1.
Action button ✓ AA — normal text ≥ 4.5 : 1 Pass
✓ AAA — normal text ≥ 7 : 1 Pass
✓ AA — large text ≥ 3 : 1 (≥ 18pt or 14pt bold) Pass
✓ AAA — large text ≥ 4.5 : 1 Pass
✓ AA — UI & graphics ≥ 3 : 1 (borders, icons) Pass
Đọc thêm Ẩn
Cách dùng
- Colores frente y fondo.
- Ratio y WCAG.
- Intercambiar.
Câu hỏi thường gặp
- ¿Subida?
- No. Todo se ejecuta en el navegador; no se suben archivos a ningún servidor.
- WCAG
- 2.x luminancia.
- Texto grande
- Umbrales distintos.