Suriin ang color contrast (WCAG)
Sukatin ang WCAG 2.1 contrast ratio sa pagitan ng dalawang kulay at tingnan kung pumasa ang mga ito sa AA, AA Large, at AAA para sa accessible na teksto. Tumatakbo nang buo sa iyong browser.
Privacy muna: bawat larawan ay pinoproseso nang lokal sa iyong browser. Walang ina-upload, iniimbak, o ipinapadala sa anumang server.
Ang contrast ay isang accessibility na requirement, hindi panlasa
Hinihiling ng WCAG na ang teksto ay mag-contrast sa background nito sa 4.5:1 para sa normal na teksto (AA) at 7:1 para sa AAA — legal na teritoryo para sa maraming organisasyon. Ang tekstong nakapatong sa mga larawan ay palaging bumabagsak dahil hinuhusgahan ng mga designer ang contrast kontra sa average ng larawan, samantalang binabasa ito ng mga user kontra sa pinakamaliwanag na bahagi nito.
Sukatin kontra sa tunay na larawan
Piliin ang iyong kulay ng teksto at kunin ang aktwal na background mula mismo sa larawan; kinukwenta ng checker ang ratio at ginagrado ito kontra sa mga threshold ng AA at AAA para sa normal at malaking teksto. Ayusin ang mga pagkabigo sa pamamagitan ng pagpapadilim ng overlay o pagpapaliwanag ng teksto — at muling sukatin hanggang pumasa. Lahat lokal, walang ina-upload.
Mga madalas itanong
- Ina-upload ba ang aking larawan para sa pagsusuri?
- Hindi. Ang pagkuha ng kulay, mga histogram, at mga pagsusuri sa contrast ay tumatakbong lahat nang lokal sa iyong browser.
- Anong impormasyon ng kulay ang makukuha ko?
- Mga nangingibabaw na kulay, isang nakokopyang palette na may hex code at porsyento ng representasyon, at kumpletong RGB at luminance histogram.
- Para saan ang contrast checker?
- Sinusukat nito ang WCAG 2.1 contrast ratio sa pagitan ng dalawang kulay at ipinapakita kung pumasa ang mga ito sa AA, AA Large, at AAA para sa accessible na teksto.
- Maaari ko bang kopyahin ang mga color code?
- Oo. I-click ang anumang swatch para kopyahin ang hex code nito, o kopyahin ang buong palette nang sabay-sabay.