Provozní
Přihlásit se / Registrovat
common.you_need_to_be_loggedin_to_add_tool_in_favorites
Kontrola kontrastu barev
Inzerát
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
Níže zadejte své barevné kombinace, otestujte je pomocí našeho nástroje na kontrolu kontrastu barev a okamžitě uvidíte, zda splňují standardy přístupnosti.
Jak funguje naše kontrola kontrastu barev
Zadejte barvy popředí a pozadí pomocí hexadecimálních hodnot RGB nebo je vyberte přímo pomocí Výběru barvy.
- Úpravou Alfa změníte průhlednost barvy popředí.
- Pomocí posuvníku Světlost můžete barvu zesvětlit nebo ztmavit.
Náš nástroj poté vypočítá kontrastní poměr a zkontroluje jej podle pokynů WCAG:
- WCAG 2.0 úroveň AA
- Minimálně 4,5:1 pro normální hlavní text
- Minimálně 3:1 pro velký text
- WCAG 2.1 (uživatelské rozhraní a grafika)
- Alespoň 3:1 pro ikony, okraje a další součásti rozhraní
- WCAG Úroveň AAA
- Minimálně 7:1 pro normální text
- Minimálně 4,5:1 pro velký text
Velký text znamená buď:
- 14 bodů (asi 18,66 px) a tučné, nebo
- 18 bodů (asi px) nebo větší
Můžete použít kapátko v nástroji pro výběr barev, abyste získali přesné barvy z čehokoli na obrazovce.
Chcete-li, aby odkazy vynikly pouze na barvách, použijte naši kontrolu kontrastu barev, abyste se ujistili, že splňují standardy přístupnosti a zůstanou snadno čitelné pro každého.