Farbe · T-01
Farbkontrast prüfen
Wählen Sie eine Textfarbe und einen Hintergrund. Handig Farbe 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 Handig Farbe zu dem Vorschlag?
Handig Farbe 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 Handig Farbe 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. Handig Farbe 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 Handig Farbe die nächstgelegene Farbe im selben Farbton, die besteht. Ein Klick, und sie steht im Feld.