apcach = APCA + OKLCH. Bei Angabe eines Zielkontrasts, Chromas und Farbtons berechnen Sie die exakte Farbe, die dies erfüllt — setzen Sie zuerst „wie viel Kontrast“, dann erhalten Sie die Farbe.
Zusammengesetzte Farbrolle
Referenzoberfläche
Ziel |Lc|
75
Gemessen |Lc|
75.2±0.1
Die Helligkeit wird durch eine binäre Suche ermittelt: Bei diesem Chroma und diesem Farbton ist dies die exakte Farbe, die den Zielkontrast erreicht. · Die Farbe befindet sich innerhalb des sRGB-Farbraums.
Wandeln Sie Kontrast von einer Validierungsmetrik in einen Ausgangspunkt um – deklarieren Sie zuerst, wie viel Lesbarkeit Sie benötigen, und die Engine berechnet die Farbe.
Ist die zusammengesetzte Farbe Text oder eine Fläche? Beziehen Sie sich auf reines Weiß, reines Schwarz oder geben Sie einen benutzerdefinierten Hintergrund ein.
Ziehen Sie |Lc| auf das Ziel (Fließtext ≥75, große Schrift ≥60), dann stellen Sie Farbton und Sättigung ein; aktivieren Sie „Maximale Sättigung“, um den höchsten realisierbaren Wert für diesen Farbton zu erhalten.
Der gemessene |Lc| verfolgt das Ziel live (innerhalb von ±0,1); kopieren Sie oklch()/hex/rgb() direkt in CSS.
Drei häufig gestellte Fragen zu apcach.
Überprüfen Sie die zusammengesetzte Farbe nochmals anhand des WCAG-Verhältnisses im Kontrastwerkzeug oder erweitern Sie sie auf eine 11-stufige Skala.
WCAG 2.1-Kontrastprüfung zwischen beliebigen Vordergrund- und Hintergrundfarben.
Passen Sie L / C / H im wahrnehmungsgleichmäßigen OKLCH-Raum an mit Live-Vorschau und Ausgabe als oklch() / HEX / RGB.
Geben Sie eine Markenfarbe ein, erhalten Sie Primär-/Sekundär-/Erfolgs-/Warn-/Gefahrfarben — exportiert als Tailwind-Konfiguration und CSS-Variablen.