Operacionāls
Pierakstīties / Reģistrēties
common.you_need_to_be_loggedin_to_add_tool_in_favorites
Krāsu kontrasta pārbaudītājs
Reklāma
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
Ievadiet tālāk savas krāsu kombinācijas, lai pārbaudītu tās ar mūsu krāsu kontrasta pārbaudītāju un uzreiz redzētu, vai tās atbilst pieejamības standartiem.
Kā darbojas mūsu krāsu kontrasta pārbaudītājs
Ievadiet priekšplāna unfona krāsas, izmantojot RGB heksadecimālās vērtības, vai izvēlieties tās tieši, izmantojot krāsu atlasītāju.
- Pielāgojiet Alfa, lai mainītu priekšplāna krāsas caurspīdīgumu.
- Izmantojiet slīdni Gaišums, lai krāsa izskatītos gaišāka vai tumšāka.
Pēc tam mūsu rīks aprēķina kontrasta attiecību un pārbauda to saskaņā ar WCAG vadlīnijām:
- WCAG 2.0 AA līmenis
- Vismaz 4,5:1 parastam pamattekstam
- Vismaz 3:1 lielam tekstam
- WCAG 2.1 (UI un grafikas)
- Vismaz 3:1 ikonām, apmalēm un citiem saskarnes komponentiem
- WCAG līmenis AAA
- Vismaz 7:1 parastajam tekstam
- Vismaz 4,5:1 lielam tekstam
Liels teksts nozīmē:
- 14 p (apmēram 18,66 pikseļi) un treknrakstā vai
- 18 pt (apmēram pikseļi) vai lielāks
Krāsu atlasītājā varat izmantot pilinātāju, lai iegūtu precīzas krāsas no jebkura ekrāna.
Lai saites, kas balstās tikai uz krāsu, izceltos, izmantojiet mūsu krāsu kontrasta pārbaudītāju, lai pārliecinātos, ka tās atbilst pieejamības standartiem un ir viegli lasāmas ikvienam.