Verificator de contrast de culoare

Testați raportul de contrast dintre culorile de prim-plan și 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)
Black
#000000
Black
#b3b3b3

Soluții rapide

Aa

Previzualizare titlu

Vulpea maro iute sare peste câinele leneș

Exemplu de text mic (12px)

Text
#000000
Context
#b3b3b3

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 textului - nu respectă standardele WCAG.

Verificator de contrast de culoare

Calculați raportul de contrast al culorilor textului și fundalului.

Alegeți o culoare utilizând 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. Liniile directoare privind accesibilitatea conținutului web (WCAG) au un criteriu specific pentru a vă ajuta să vă dați seama dacă textul este lizibil pentru utilizatorii văzători. Acest criteriu utilizează un anumit algoritm pentru a cartografia combinațiile de culori în raporturi comparabile. Folosind această formulă, WCAG afirmă că un raport de contrast al culorilor de 4,5:1 între text și fundalul acestuia este adecvat pentru textul normal (corp), iar textul mare (18+ pt normal sau 14+ pt bold) ar trebui să aibă un raport de contrast al culorilor de cel puțin 3:1.

Caracteristici principale

  • Calcularea raportului de contrast în timp real
  • Verificarea conformității cu WCAG AA & AAA
  • Glisoare HSL pentru reglaj fin
  • Mai multe formate de previzualizare

Instrumente avansate

  • Fixarea automată a culorilor
  • Exemple de text și fundal
  • Detectarea numelui culorii
  • Export rezultate