Uendeshaji
Kikagua Utofautishaji wa Rangi
Tangazo
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
Weka michanganyiko yako ya rangi hapa chini ili kuzijaribu kwa kiangazio chetu cha utofautishaji wa rangi na uone papo hapo kama zinakidhi viwango vya ufikivu.
Jinsi Kikagua Kilinganishi Chetu cha Rangi Hufanya Kazi
Weka rangi zako mbele na mandharinyuma ukitumia thamani za hex za RGB, au uzichague moja kwa moja kwa Kichagua Rangi.
- Rekebisha Alpha ili kubadilisha jinsi rangi ya mandhari ya mbele ilivyo wazi.
- Tumia kitelezi cha Nyepesi ili kufanya rangi ionekane nyepesi au nyeusi.
Zana yetu kisha hukokotoa uwiano wa utofautishaji na kuukagua dhidi ya WCAG miongozo:
- WCAG 2.0 Kiwango cha AA
- Angalau 4.5:1 kwa maandishi ya kawaida ya mwili
- Angalau 3:1 kwa maandishi makubwa
- WCAG 2.1 (UI na michoro)
- Angalau 3:1 kwa ikoni, mipaka na vipengee vingine vya kiolesura
- Kiwango cha WCAG AAA
- Angalau 7:1 kwa maandishi ya kawaida
- Angalau 4.5:1 kwa maandishi makubwa
Maandishi makubwa inamaanisha:
- 14 pt (karibu 18.66 px) na herufi nzito, au
- 18 pt (kuhusu px) au kubwa zaidi
Unaweza kutumia kidondosha macho katika Kichagua Rangi ili kunyakua rangi kamili kutoka kwa chochote kwenye skrini yako.
Kwa viungo vinavyotegemea rangi pekee ili vionekane vyema, tumia kikagua utofautishaji wa rangi ili kuhakikisha kuwa vinakidhi viwango vya ufikivu na kuwa rahisi kusoma kwa kila mtu.