Farbe · T-01
Farbkontrast prüfen
Wählen Sie eine Textfarbe und einen Hintergrund. Kleurstaal berechnet das Kontrastverhältnis nach WCAG 2.2, zeigt, wie es aussieht, und schlägt die nächstgelegene Farbe vor, die besteht.
Ihre Dateien bleiben auf Ihrem Gerät
Fragen
Gut zu wissen
Welches Verhältnis brauche ich?
Für normalen Text mindestens 4,5 zu 1 (AA), besser 7 zu 1 (AAA). Großer Text, ab 24 Pixel oder 18,66 Pixel fett, darf 3 zu 1 (AA) oder 4,5 zu 1 (AAA) haben. Ränder von Schaltflächen, Feldern und Symbolen brauchen mindestens 3 zu 1.
Wie kommt Kleurstaal zu dem Vorschlag?
Kleurstaal hält Farbton und Sättigung Ihrer Farbe in OKLCH fest und macht sie nur heller oder dunkler, in kleinen Schritten, bis das Verhältnis erreicht ist. Die Seite mit der kleinsten Änderung gewinnt.
Berechnet Kleurstaal auch APCA?
Nein. APCA ist ein Vorschlag für das künftige WCAG 3 und noch keine Norm, und der offizielle Rechencode hat eine eigene Lizenz, die nicht frei ist. Kleurstaal hält sich an WCAG 2.2, die Norm hinter dem europäischen Barrierefreiheitsgesetz.
So funktioniert es
Farbkontrast prüfen in drei Schritten
Zwei Farben
Tippen oder fügen Sie eine Textfarbe und einen Hintergrund ein, in Hex, RGB, HSL, OKLCH oder als Name. Oder wählen Sie sie mit der Farbauswahl.
Das Urteil lesen
Das Verhältnis steht groß oben; darunter sehen Sie, ob es für normalen Text, großen Text und Schaltflächen besteht.
Einen Vorschlag übernehmen
Besteht es nicht, sucht Kleurstaal die nächstgelegene Farbe im selben Farbton, die besteht. Ein Klick, und sie steht im Feld.