Оперативно

Провера контраста боја

Оглас

Preview

Normal Text (16px)

Large Text (24px)

Contrast Ratio

21.00:1

WCAG Compliance

Normal Text

✓ AA Pass
✓ AAA Pass

Large Text (18pt+ or 14pt+ bold)

✓ AA Pass
✓ AAA Pass

UI Components & Graphics

✓ AA Pass

WCAG Standards

Normal Text

  • AA: 4.5:1 minimum
  • AAA: 7:1 minimum

Large Text

  • AA: 3:1 minimum
  • AAA: 4.5:1 minimum

UI Components

  • AA: 3:1 minimum

Common Combinations

Black on White
White on Blue
White on Dark Gray
Унесите своје комбинације боја испод да бисте их тестирали помоћу наше провере контраста боја и одмах видели да ли испуњавају стандарде приступачности.
Оглас

Kako funkcioniše naš provera kontrasta boja

Unesite boje prednjeg plana i pozadine koristeći RGB heksadecimalne vrednosti ili ih izaberite direktno pomoću Color Picker-a.

 Možeš:

  • Podesite Alpha da biste promenili koliko je transparentna boja prednjeg plana.
  • Koristite klizač Lakoća da bi boja izgledala svetlije ili tamnije.

Naš alat zatim izračunava odnos kontrasta i proverava ga u skladu sa VCAG smernicama:

  • WCAG 2.0 Nivo AA
  • Najmanje 4.5:1 za normalan tekst tela
  • Najmanje 3:1 za veliki tekst
  • WCAG 2.1 (UI i grafika)
  • Najmanje 3:1 za ikone, granice i druge komponente interfejsa
  • VCAG nivo AAA
  • Najmanje 7:1 za normalan tekst
  • Najmanje 4.5:1 za veliki tekst

Veliki tekst znači:

  • 14 pt (oko 18.66 pk) i bold, ili
  • 18 pt (oko PKS) ili veći

Možete koristiti kapaljku u Color Picker-u da biste zgrabili tačne boje sa bilo čega na ekranu. Olakšava testiranje stvarnih dizajna, dugmadi ili pozadine.

Za veze koje se oslanjaju samo na boju da bi se izdvojile, koristite našu proveru kontrasta boja kako biste bili sigurni da ispunjavaju standarde pristupačnosti i ostaju lako čitljivi za sve.

 
 

API документација ускоро

Documentation for this tool is being prepared. Please check back later or visit our full API documentation.

profile image
Од стране UrwaTools Editorial

Повезани алати