Verificator de contrast de culoare

Testați raportul de contrast dintre culorile prim-planului și cele de fundal pentru a asigura accesibilitatea.

1.00:1
Contrast
Fail
Foarte slabă

Text normal

AA (4.5:1)
AAA (7:1)

Text mare

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

Remedieri rapide

Aa

Previzualizare titlu

Vulpea brună, rapidă, sare peste câinele leneș

Exemplu de text mic (12px)

Text
#ffffff
Fundal
#e24826

Standardele WCAG

Level AA

Raport minim de contrast de 4,5:1 pentru text normal și 3:1 pentru text mare. Necesar pentru majoritatea site-urilor web.

Level AAA

Raport de contrast îmbunătățit de 7:1 pentru text normal și 4,5:1 pentru text mare. Recomandat pentru o accesibilitate optimă.

Contrast insuficient pentru toate dimensiunile de text - nu respectă standardele WCAG.

Verificator de contrast de culoare

Calculați raportul de contrast dintre culorile textului și cele de fundal.

Alegeți o culoare folosind selectorul de culori pentru text și culoarea de fundal sau introduceți o culoare în format hexazecimal RGB (de exemplu, #259 sau #2596BE). Puteți ajusta cursorul pentru a selecta culoarea. Ghidul de accesibilitate a conținutului web (WCAG) are un ghid specific pentru a ajuta la determinarea dacă textul este lizibil pentru utilizatorii văzători. Acest criteriu utilizează un anumit algoritm pentru a mapa combinațiile de culori în rapoarte comparabile. Folosind această formulă, WCAG afirmă că un raport de contrast al culorilor de 4,5:1 cu textul și fundalul său este adecvat pentru textul obișnuit (corp), iar textul mare (18+ pt normal sau 14+ pt aldin) ar trebui să aibă un raport de contrast al culorilor de cel puțin 3:1.

Caracteristici principale

  • Calculul raportului de contrast în timp real
  • Verificarea conformității cu WCAG AA și AAA
  • Cursoare HSL pentru reglare fină
  • Mai multe formate de previzualizare

Instrumente avansate

  • Fixare automată a culorilor
  • Exemple de text și fundal
  • Detectarea numelui culorii
  • Exportați rezultatele