Kleurkontras-kontroleerder

Kontroleer jou kleure

Toets kleurkombinasies om te verseker dat hulle aan WCAG-toeganklikheidstandaarde vir teksleesbaarheid voldoen.

1.00:1

Kontras

Misluk

Baie swak

Normale teks

AA (4.5:1)

AAA (7:1)

Groot teks

AA (3:1)

AAA (4.5:1)

Teks Kleur

Agtergrond Kleur

Vinnige regstellings

Voorskoutitel

Die vinnige bruin jakkals spring oor die lui hond

Klein teks voorbeeld (12px)

Teks

#2596be

Agtergrond

#ffffff

WCAG Standaarde

Vlak AA

Minimum kontrasverhouding van 4.5:1 vir normale teks en 3:1 vir groot teks. Nodig vir meeste webwerwe.

Vlak AAA

Verbeterde kontrasverhouding van 7:1 vir normale teks en 4.5:1 vir groot teks. Aanbeveel vir optimale toeganklikheid.

Onvoldoende kontras vir alle teksgroottes - voldoen nie aan WCAG-standaarde nie.

Bereken die kontrasverhouding van teks en agtergrondkleure.

Kies 'n kleur met die kleurkieser vir teks en agtergrondkleur of voer 'n kleur in RGB-heksadesimale formaat in (bv. #259 of #2596BE). Jy kan die glyer aanpas om kleur te kies. Die Web Content Accessibility Guidelines (WCAG) het 'n spesifieke riglyn om uit te vind of teks leesbaar is vir siende gebruikers. Hierdie kriteria gebruik 'n spesifieke algoritme om kleurkombinasies in vergelykbare verhoudings te omskep. Deur hierdie formule te gebruik, stel WCAG dat 'n 4.5:1 kleurkontrasverhouding met teks en sy agtergrond voldoende is vir gewone (liggaams)teks, en groot teks (18+ pt gereeld, of 14+ pt vet) moet ten minste 'n 3:1 kleurkontrasverhouding hê.

Belangrike kenmerke

Regstreekse kontrasverhouding berekening
WCAG AA & AAA nakomingskontrole
HSL-skuifknoppies vir fyninstelling
Meervoudige voorskouformate

Gevorderde gereedskap

Outomatiese kleurherstel
Teks- en agtergrondmonsters
Kleurnaam opsporing
Voer resultate uit

Gereelde vrae

Vir WCAG AA-nakoming vereis normale teks 'n minimum kontrasverhouding van 4,5:1, terwyl groot teks (18pt of 14pt vetgedruk) 3:1 vereis.

WCAG AAA vereis hoër kontrasverhoudings: 7:1 vir normale teks en 4,5:1 vir groot teks, in vergelyking met AA se 4,5:1 en 3:1 onderskeidelik.

Gebruik ons funksie vir outomatiese regstelling om teks- of agtergrondkleure aan te pas terwyl jou ontwerpdoel behou word, of pas kleure handmatig aan met HSL-skuifknoppies met visuele aanduidings wat optimale sones vir AA/AAA-nakoming wys.

Die groen sones en AA/AAA-merkers wys optimale reekse om WCAG-nakoming te bereik. Die rigtingwenke (Ligter/Donkerder) help jou na beter kontras op grond van jou huidige kleurkombinasie.

Ja, jy kan enige HEX-kleurkode invoer of die kleurkiesser gebruik om pasgemaakte kleure te kies. Die URL word outomaties bygewerk sodat jy spesifieke kleurkombinasies kan deel.