Libreng WCAG color contrast checker: pagsubok ng text at mga kulay ng background para sa pagsunod sa AA at AAA sa iyong browser. Ilagay ang hex o rgb value, tingnan ang contrast ratio at agad na pumasa/fail. Walang login, walang upload.
Kinukwenta nito ang WCAG 2.x contrast ratio sa pagitan ng foreground (text) na kulay at kulay ng background gamit ang sRGB relative luminance. Makakakuha ka ng numeric ratio (halimbawa 4.52:1) at pass/fail para sa WCAG AA at AAA threshold sa normal na text at malaking text. Isa itong disenyong QA helper—hindi isang ganap na awtomatikong pag-audit ng accessibility ng iyong buong site.
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb(), at rgba(). I-paste ang mga value ng brand palette mula sa mga token ng Figma, mga variable ng CSS, o mga doc ng disenyo. Ang maikling hex tulad ng #fff ay lumalawak sa #ffffff bago kalkulahin ang luminance.
Ang AA ay ang karaniwang legal at baseline ng produkto: 4.5:1 para sa normal na text, 3:1 para sa malaking text. Mas mahigpit ang AAA: 7:1 normal, 4.5:1 malaki. Maraming marketing site ang nagta-target ng AA para sa body copy at AAA lang para sa mga headline ng hero o high-risk na UI. Ipinapakita ng tool na ito ang pareho para makapili ka ng mapagtatanggol na target na may disenyo.
Ang malaking text ay hindi bababa sa 18 point (24 CSS px) na regular na timbang, o hindi bababa sa 14 point na bold (mga 18.66 CSS px). Ang mga button, caption, at fine print ay kadalasang nabigo sa AA kahit na pumasa ang mga heading—suriin ang bawat laki na ipapadala mo, hindi lang ang H1 swatch.
Hindi. Ang parsing at luminance math ay ganap na tumatakbo sa iyong browser. Mananatili sa iyong device ang mga hindi na-release na eksperimento sa palette at mga kulay ng NDA ng kliyente. I-clear ang mga field sa mga shared machine kapag tapos na.
Ang mga value ng rgba at #RRGGBBAA ay na-parse, ngunit sinusuri ang contrast sa mga opaque na sRGB channel—ang checker ay hindi alpha-composite text sa mga photographic na background. Para sa teksto sa mga larawan, tikman ang epektibong kulay sa likod ng kopya o gumamit muna ng solidong overlay, pagkatapos ay muling suriin.
Oo. Libre nang walang login para sa core ratio at pass/fail path.