Verifică raportul de contrast dintre două culori în raport cu nivelurile de accesibilitate WCAG AA și AAA.
Cum se folosește Verificator contrast
Alege o culoare de text și o culoare de fundal.
Citește raportul de contrast și insignele WCAG de trecut sau eșuat.
Ajustează culorile până trec nivelul de care ai nevoie.
Acesta este un verificator de contrast de culori WCAG care arată raportul exact de contrast dintre o culoare a textului și o culoare de fundal și dacă îndeplinește nivelurile de accesibilitate AA și AAA. Alege culorile cu paleta sau prin codul hex și vezi o previzualizare în timp real.
Ajustează cele două culori până când insignele trec de nivelul de care ai nevoie, iar rezultatul se actualizează instant pe măsură ce mergi.
Un text prea apropiat ca luminozitate de fundalul său este greu sau imposibil de citit, mai ales pentru persoanele cu vedere slabă sau deficiențe de percepție a culorilor sau pentru oricine se uită la un telefon în lumina puternică a soarelui. Un contrast suficient îți menține conținutul lizibil pentru toată lumea.
Ghidul de accesibilitate a conținutului web (WCAG) stabilește standardul. AA, nivelul pe care majoritatea site-urilor îl vizează și pe care îl referă multe legi de accesibilitate, cere un raport de 4,5:1 pentru text normal și 3:1 pentru text mare. AAA este mai strict, la 7:1 și 4,5:1.
Textul mare primește un prag mai scăzut, deoarece literele mai mari rămân lizibile la un contrast mai mic. Este considerat mare la aproximativ 24px (18pt) sau 18,66px (14pt) când este bold.
Raportul provine din luminanța relativă a celor două culori folosind formula oficială WCAG, producând o valoare de la 1:1 (fără contrast, culori identice) până la 21:1 (negru pe alb).
Totul este calculat în browserul tău, așa că este instant și privat. Nimic din ce alegi nu este încărcat nicăieri.
Întrebări frecvente
WCAG AA necesită 4,5:1 pentru text normal și 3:1 pentru text mare (18pt sau 14pt aldin). AAA necesită 7:1 și respectiv 4,5:1.
Text care are cel puțin 24px (18pt), sau 18,66px (14pt) când este aldin. Textului mare i se permite un raport de contrast mai mic.
Din luminanța relativă a fiecărei culori folosind formula oficială WCAG, dând o valoare de la 1:1 (fără contrast) la 21:1 (negru pe alb).
Încorporează acest instrument
Adaugă acest instrument pe propriul tău site. Copiază fragmentul de mai jos; rămâne actualizat automat.
<iframe src="https://monu.tools/embed/ro/color-contrast-checker" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Instrumente similare
Formatează și înfrumusețează interogări SQL cu întreruperi de linie pe clauze și majuscule consecvente la cuvinte-cheie, sau minifică-le pe o singură linie.
Înfrumusețează XML cu indentare corespunzătoare, sau minifică-l pe o singură linie. Comentariile, CDATA și instrucțiunile de procesare sunt păstrate.
Înfrumusețează CSS cu indentare curată, sau minifică-l pentru a micșora dimensiunea fișierului. Gestionează interogări media, calc() și comentarii de licență.
Înfrumusețează HTML cu indentare conștientă de blocuri, sau minifică-l. Conținutul din pre, textarea, script și style este păstrat.