Dezvoltator🔒 Ruleaza in browserul tau

Verificator contrast culori

Verificați conformitatea contrastului de culori WCAG AA/AAA

Culoarea textului

Culoarea fundalului

Text Titlu Previzualizare

Acesta este aspectul textului de corp cu aceste culori.

Și acesta este text mic pentru referință.

Raport de contrast

21.00:1

WCAG AA

Text normal✓ Trece

Text mare (18px+)✓ Trece

Componente UI✓ Trece

WCAG AAA

Text normal✓ Trece

Text mare (18px+)✓ Trece

Despre Verificator contrast culori

Verificatorul de contrast al culorilor evaluează raportul de contrast dintre două culori conform ghidurilor WCAG 2.1. Vă spune dacă combinațiile dvs. de culori îndeplinesc standardele de accesibilitate AA sau AAA pentru text normal, text mare și componente UI. Totul rulează în browserul dvs.

Întrebări frecvente

Care este un raport de contrast bun?

WCAG AA necesită un raport minim de 4,5:1 pentru text normal și 3:1 pentru text mare (18px+ sau 14px+ bold). WCAG AAA necesită 7:1 pentru text normal și 4,5:1 pentru text mare. Rapoartele mai mari înseamnă lizibilitate mai bună.

Care este diferența dintre AA și AAA?

AA este standardul minim recomandat pentru majoritatea conținutului web. AAA este un standard mai strict care oferă lizibilitate mai bună pentru utilizatorii cu deficiențe vizuale. Îndeplinirea AAA este ideală, dar nu întotdeauna necesară.

Cum se calculează raportul de contrast?

Raportul de contrast este calculat folosind luminanța relativă a fiecărei culori, definită de WCAG 2.1. Formula compară culorile mai deschise și mai închise pe o scară de la 1:1 (fără contrast) la 21:1 (contrast maxim, negru pe alb).

Despre Verificator contrast culori

Întrebări frecvente

Care este un raport de contrast bun?

Care este diferența dintre AA și AAA?

Cum se calculează raportul de contrast?