Color Contrast Checker
BetaSuriin kung ang kumbinasyon ng kulay ng text at background mo ay pumasa sa mga alituntunin sa accessibility ng WCAG.
- Libre
- Walang sign-up
- Gumagana sa iyong browser
- Gumagana sa mobile
Color Contrast Checker sa isang sulyap
- Input
- Mga Kulay ng Foreground at Background
- Output
- Contrast Ratio at WCAG Compliance Status
- Pagkapribado
- Lahat ay nangyayari sa iyong device. Walang na-upload.
- Presyo
- Libre, walang account, walang watermark.
Paano gamitin ang Color Contrast Checker
- 1Maglagay ng kulay ng teksto (foreground) at kulay ng background.
- 2Agad na kinakalkula ng tool ang contrast ratio sa pagitan ng dalawang kulay.
- 3Ipinapakita nito kung pumasa o hindi ang kumbinasyon sa mga pamantayan ng WCAG AA at AAA para sa normal at malaking text.
Mga Tampok
- Live na pagkalkula ng contrast ratio.
- Katayuan ng pagsunod sa WCAG AA at AAA.
- Tumatanggap ng mga format ng kulay ng HEX, RGB, o HSL.
- Visual na preview ng teksto sa napiling background.
FAQ ng Color Contrast Checker.
Ano ang WCAG?
Ang WCAG ay kumakatawan sa Mga Alituntunin sa Accessibility ng Nilalaman sa Web. Ito ay isang hanay ng mga pamantayan upang gawing mas naa-access ang nilalaman ng web sa mga taong may mga kapansanan, kabilang ang mga kapansanan sa paningin.
Ano ang magandang contrast ratio?
Ang WCAG AA ay nangangailangan ng ratio na hindi bababa sa 4.5:1 para sa normal na text at 3.1:1 para sa malaking text. Ang WCAG AAA ay nangangailangan ng 7:1 para sa normal na text at 4.5:1 para sa malaking text.
Bakit mahalaga ang contrast?
Tinitiyak ng mataas na contrast na ang text ay nababasa at nababasa para sa lahat, lalo na sa mga user na may mahinang paningin o color blindness.
Mga kaugnay na tool
Higit pang developer toolsHuling na-update