Verificator de contrast
Alegeți culorile textului și fundalului pentru a verifica raportul de contrast față de pragurile WCAG AA și AAA. Vedeți rezultate separate pentru textul normal și cel mare, alături de o previzualizare cu culorile selectate.
Ce puteți face
Verificați raportul pentru două culori
Alegeți culorile textului și fundalului și vedeți raportul de contrast până la două zecimale.
Comparați pragurile AA și AAA
Vedeți rezultate separate pentru textul normal și cel mare, cu o previzualizare care folosește culorile selectate.
Comparați cu negrul și albul
Deschideți detaliile opționale pentru a compara culoarea textului cu fundalele negru și alb.
Cum se folosește
Introduceți culoarea textului
Alegeți HEX, RGB, HSL, HSV sau CMYK și introduceți culoarea textului. Alegerea unei mostre comută intrarea pe HEX.
Alegeți fundalul
Introduceți o valoare HEX cu trei sau șase cifre sau folosiți selectorul de culori. Prefixul # este opțional.
Verifică contrastul
Selectați Verificați contrastul pentru a verifica raportul, previzualizarea textului și rezultatele AA/AAA. Verificați din nou după schimbarea oricăreia dintre culori.
Când vă ajută
Verificați textul de corp pe un fundal
Introduceți culorile folosite pe o pagină și verificați dacă textul normal îndeplinește raportul cerut.
Comparați culorile titlurilor
Folosiți rezultatul și previzualizarea pentru textul mare când evaluați o pereche de culori pentru un titlu.
Cum se citesc rezultatele
Rapoartele AA și AAA
AA necesită cel puțin 4.5:1 pentru textul normal și 3:1 pentru textul mare. AAA necesită 7:1 pentru textul normal și 4.5:1 pentru textul mare. Rezultatele folosesc raportul nerotunjit.
Ce se consideră text mare
Textul mare are cel puțin 18 pt sau 14 pt îngroșat. În CSS aceasta este 24px sau aproximativ 18.7px îngroșat. Previzualizarea folosește text cu greutate normală la 16px și 24px.
Domeniul verificării
Verifică contrastul textului între două culori sRGB opace. Nu evaluează fundalele din imagini, amestecul alfa, elementele care nu sunt text sau conformitatea întregii pagini.
Întrebări și răspunsuri
Un raport care trece înseamnă că întreaga pagină este conformă?
Acest rezultat acoperă contrastul textului doar pentru cele două culori selectate. Evaluați separat conformitatea întregii pagini.
Ce arată comparația cu negrul și albul?
Compară culoarea textului selectată cu negrul și albul și arată care are raportul mai mare. Este separat de rezultatul pentru fundalul selectat.
Pot verifica textul transparent sau textul peste o imagine?
Fundalele alfa și cele din imagini nu sunt acceptate. Introduceți culori opace pentru text și fundal.
Intrare și ieșire
- Culoarea textului
- Valori HEX, RGB, HSL, HSV sau CMYK, sau selectorul de culori. CMYK este o estimare fără profil ICC.
- Fundal
- HEX cu trei sau șase cifre, sau selectorul de culori. Alfa nu este acceptat.
- Rezultat
- Raport de contrast, rezultate AA/AAA pentru textul normal și cel mare și o previzualizare a textului. Rezultatele sunt afișate fără o acțiune de salvare.