mtools.lol

Verificator de contrast de culoare

Beta

Verificați dacă combinația dvs. de text și culori de fundal respectă regulile de accesibilitate WCAG.

  • Gratuit
  • Fără înscriere
  • Se rulează în browser
  • Funcționează pe mobil

{nume} dintr-o privire

Intrare
Culori de prim plan și de fundal
Ieșire
Raportul de contrast și starea de conformitate cu WCAG
Confidențialitate
Totul se întâmplă pe dispozitivul tău. Nu este încărcat nimic.
Preț
Gratuit, fără cont, fără filigran.

Cum se folosește Verificator de contrast de culoare

  1. 1Introduceți o culoare de text (prim-plan) și o culoare de fundal.
  2. 2Instrumentul calculează instantaneu raportul de contrast dintre cele două culori.
  3. 3Afișează dacă combinația trece sau eșuează standardele WCAG AA și AAA pentru text normal și mare.

Caracteristici

  • Calcul live al raportului de contrast.
  • Starea de conformitate WCAG AA și AAA.
  • Acceptă formatele de culoare HEX, RGB sau HSL.
  • Previzualizare vizuală a textului pe fundalul ales.

Verificator de contrast de culoare Întrebări frecvente

Ce este WCAG?

WCAG înseamnă Web Content Accessibility Guidelines. Este un set de standarde pentru a face conținutul web mai accesibil persoanelor cu dizabilități, inclusiv cu deficiențe de vedere.

Ce este un raport de contrast bun?

WCAG AA necesită un raport de cel puțin 4,5:1 pentru text normal și 3,1:1 pentru text mare. WCAG AAA necesită 7:1 pentru text normal și 4,5:1 pentru text mare.

De ce contează contrastul?

Contrastul ridicat asigură că textul este lizibil și lizibil pentru toată lumea, în special pentru utilizatorii cu vedere slabă sau daltonism.

Mai multe developer toolsUltima actualizare