Verificator de contrast de culoare

Testează raportul de contrast între culorile de prim-plan și 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
Logan
#aaa9cd

Corecții rapide

Aa

Titlu de previzualizare

Vulpea maro rapidă sare peste câinele leneș

Exemplu de text mic (12px)

Text
#ffffff
Fundal
#aaa9cd

Standarde WCAG

Level AA

Raport minim de contrast de 4.5:1 pentru text normal și 3:1 pentru text mare. Necesare 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 accesibilitate optimă.

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

Verificator de contrast de culoare

Calculează raportul de contrast al culorilor textului și fundalului.

Alege o culoare folosind selectorul de culoare pentru text și culoarea de fundal sau introdu o culoare în format hexadecimal RGB (de exemplu, #259 sau #2596BE). Poți ajusta glisorul pentru a selecta culoarea. Ghidurile de Accesibilitate a Conținutului Web (WCAG) au o directivă specifică pentru a ajuta la determinarea dacă textul este lizibil pentru utilizatorii cu vedere. Acest criteriu folosește un algoritm special pentru a mapa combinațiile de culori în rapoarte comparabile. Folosind această formulă, WCAG afirmă că un raport de contrast de 4.5:1 între text și fundalul său este adecvat pentru textul obișnuit (corp), iar textul mare (18+ pt normal, sau 14+ pt îngroșat) ar trebui să aibă cel puțin un raport de contrast de 3:1.

Caracteristici cheie

  • Calcul în timp real al raportului de contrast
  • Verificare conformitate WCAG AA & AAA
  • Slidere HSL pentru ajustare fină
  • Formate multiple de previzualizare

Instrumente avansate

  • Corectare automată a culorilor
  • Mostre de text și fundal
  • Detectare nume culoare
  • Exportare rezultate