Monu Tools

Verificator de contrast al culorilor

Verifică raportul de contrast dintre două culori în raport cu nivelurile de accesibilitate WCAG AA și AAA.

Cum se folosește Verificator contrast

  1. 01

    Alege o culoare de text și o culoare de fundal.

  2. 02

    Citește raportul de contrast și insignele WCAG de trecut sau eșuat.

  3. 03

    Ajustează culorile până trec nivelul de care ai nevoie.

Întrebări frecvente

De ce raport de contrast am nevoie?

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.

Ce se consideră text mare?

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.

Cum se calculează raportul?

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).

Despre acest instrument

Un verificator de contrast al culorilor WCAG care arată raportul exact de contrast dintre o culoare de text și una de fundal și dacă îndeplinește nivelurile de accesibilitate AA și AAA.

Alege culori cu paleta sau prin cod hex și vezi o previzualizare live. Un contrast bun îți face site-ul lizibil și accesibil.

Instrumente similare