ImageColorPicker.com

Faarfkontrast Checker

Test de Kontrastverhältnis tëscht Vir- an Hannergrondfaarwen fir Accessibilitéit ze garantéieren.

Kontrolléier deng Faarwen

Test Faarfkombinatiounen fir sécherzestellen, datt se d'WCAG Accessibilitéitsnormen fir Textliesbarkeet erfëllen.

6.47 zu 1
Kontrast
AA
Textresultat
Gutt

Vergläicht: #FFFFFF op #8631C3

Text

16px, Normal (400)

Gerechent als normalen Text.

  • AA (WCAG 1.4.3): mindestens 4.5:1

    Bestanen

  • AAA (WCAG 1.4.6): mindestens 7:1

    0.53 méi néideg

    Net bestanen

UI-Komponenten an Grafiken

Ikonen, Input-Ränn, Fokusindikatoren an aner Deeler, déi's de gesinn musst fir d'Interface ze benotzen.

  • AA (WCAG 1.4.11): mindestens 3:1

    Bestanen
6.47 zu 1. Text: besteet AA, besteet net AAA. UI-Komponenten: besteet.
Wéi dat gepréift gëtt
Faarwen verglach (no dem Mëschvorgang)
Text #FFFFFF op Hannergrond #8631C3
Relativ Luminanz
Text 1.0000, Hannergrond 0.1120
Formel
(L1 + 0.05) / (L2 + 0.05) wou L1 d'Luminanz vun der liichterer Faarf ass a L2 déi däischterer.
Exakt Verhältnis
6.4794 zu 1, ugewise als 6.47 zu 1. De gewise Wert gëtt ofgehäckt, net geronnt, sou datt en ni besser ausgesäit wéi en ass. De präzise Wert ass deen, dee mat der Ufuerderung verglach gëtt.

Textgréisst: 16px, Normal (400)

Gerechent als normalen Text. Groussen Text ass op d'mannst 24px (18pt), oder op d'mannst 18.67px (14pt) wann et fett ass (Gewiicht 700 oder méi). D'Gréissten ginn ofgeschnidden ugewisen, net opgeronn.

Gerechent als normalen Text. Groussen Text ass op d'mannst 24px (18pt), oder op d'mannst 18.67px (14pt) wann et fett ass (Gewiicht 700 oder méi). D'Gréissten ginn ofgeschnidden ugewisen, net opgeronn.

Aa
Virschautitel

De séiere brongen Fuuss spréngt iwwer den domme Mupp

Klengen Text Beispill (12px)

Text
#ffffff
Hannergrond
#8631c3

WCAG Standarden

Niveau AA

Minimum Kontrastverhältnis vun 4.5:1 fir normalen Text an 3:1 fir groussen Text. Noutwendeg fir déi meescht Websäite.

Niveau AAA

Verbessert Kontrastverhältnis vun 7:1 fir normalen Text an 4.5:1 fir groussen Text. Recommandéiert fir optimal Accessibilitéit.

Faarfkontrast Checker

Berechne de Kontrastverhältnis vun Text- a Hannergrondfaarwen.

Wielt eng Faarf mat dem Faarfwieler fir Text an Hannergrondfaarf oder gitt eng Faarf am RGB Hexadezimalsystem un (z.B., #259 oder #2596BE). Dir kënnt de Schieber benotzen, fir Faarwen ze wielen. D'Webinhaltsaccessibilitéitsrichtlinnen (WCAG) hunn eng spezifesch Richtlinn fir erauszefannen ob Text fir ugesin Benotzer liesbar ass. Dës Critère benotzt en speziellt Algorithmus fir Faarfkombinatiounen an vergläichbar Verhältnisser ze kartéieren. Mat dëser Formel seet WCAG datt en 4.5:1 Faarfkontrastverhältnis tëscht Text an sengem Hannergrond genuch ass fir normale (Kierper) Text, an groussen Text (18+ pt normal, oder 14+ pt fett) sollt op d'mannst e 3:1 Faarfkontrastverhältnis hunn.

Haaptmerkmale

  • Echtzäit Kontrastratio Berechnung
  • WCAG AA & AAA Konformitéitskontroll
  • HSL Schieber fir Feinjustéierung
  • Multiple Virschauformater

Fortgeschratt Tools

  • Automatesch Faarfkorrektur
  • Text- a Hannergrondbeispiller
  • Faarfnamerkennung
  • Resultater exportéieren

Heefeg gestallte Froen

Fir WCAG-AA-Konformitéit brauch normale Text e Mindestkontrastverhältnis vun 4,5:1, wärend grousse Text (18pt oder 14pt fett) 3:1 brauch.

WCAG AAA verlaangt méi héich Kontrastverhältnisser: 7:1 fir normale Text an 4,5:1 fir grousse Text, am Verglach zu AA mat 4,5:1 an 3:1.

Benotz eis automatesch Korrekturfunktioun, fir Text- oder Hannergrondfaarwen unzepassen, ouni däin Design-Zil ze verléieren, oder pass d'Faarwen selwer un mat den HSL-Schieber mat visuellen Indikatoren, déi optimal Zonen fir AA/AAA-Konformitéit weisen.

D'gréng Zonen an d'AA/AAA-Markéierungen weisen déi optimal Beräicher fir WCAG-Konformitéit. D'Richtungshiweiser (Méi hell/Méi dunkel) hëllefen dir, an Richtung besseren Kontrast ze goen, baséierend op denger aktueller Faarwekombinatioun.

Jo, du kanns all HEX-Faarwecode aginn oder den Faarwwieler benotzen, fir eege Faarwen auszewielen. D'URL gëtt automatesch aktualiséiert, sou datt du spezifesch Faarwekombinatioune deelen kanns.