Оперативно
Пријавите се / Региструјте се
common.you_need_to_be_loggedin_to_add_tool_in_favorites
Провера контраста боја
Оглас
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
Унесите своје комбинације боја испод да бисте их тестирали помоћу наше провере контраста боја и одмах видели да ли испуњавају стандарде приступачности.
Како функционише наша провера контраста боја
Унесите своје боје предњег планаб11> и позадинеб11> користећи РГБ хексадецималне вредности или их изаберите директно помоћу Бирача бојаб10>.
- Подесите Алфаб11> да бисте променили колико је прозирна боја предњег плана.
- Користите клизач Лигхтнессб11> да би боја изгледала светлија или тамнија.
Наш алат затим израчунава однос контраста и проверава га према ВЦАГб10> смерницама:
- ВЦАГ 2.0 Ниво ААб11>
- Најмање 4,5:1б11> за нормалан основни текст
- Најмање 3:1б11> за велики текст
- ВЦАГ 2.1б11> (УИ и графика)
- Најмање 3:1б11> за иконе, ивице и друге компоненте интерфејса
- ВЦАГ ниво АААб11>
- Најмање 7:1б11> за нормалан текст
- Најмање 4,5:1б11> за велики текст
Велики текстб11> значи:
- 14 пт (око 18,66 пиксела) и подебљаноб11>, или
- 18 пт (око пк) или већиб11>
Можете да користите капаљкуб11> у бирачу боја да бисте ухватили тачне боје са било чега на екрану.
За везе које се ослањају само на боју да би се истакле, користите наш проверу контраста бојаб10> да бисте били сигурни да испуњавају стандарде приступачности и да буду лаки за читање за свакога.