Accessible Palette: HSL in Farbsystemen nicht mehr verwenden

• Der Autor teilt seine Erfahrungen mit der Neugestaltung des Farbsystems bei Postmark und die Probleme, die mit der bisherigen Palette auftraten.
• Die Hauptprobleme der bisherigen Palette waren eine inkonsistente wahrgenommene Helligkeit der Farben und unvorhersehbare Kontrastverhältnisse zwischen Farbvarianten.
• Der Autor erklärt, dass diese Probleme durch die inhärenten Schwächen des HSL-Farbmodells und die fehlende Unterstützung besserer Alternativen in Design-Tools verursacht wurden.
• Als bessere Alternativen zu HSL stellt der Autor die Farbräume CIELAB und LCh vor, die so konzipiert sind, dass sie die menschliche Wahrnehmung von Helligkeit und Sättigung widerspiegeln.
• Der Autor stellt die App Accessible Palette vor, ein Werkzeug zum Aufbau von Farbsystemen mit konsistenter Helligkeit und vorhersagbaren Kontrastverhältnissen.
• Die App ermöglicht es Nutzern, Helligkeitsstufen anzupassen, Kontrastverhältnisse zu steuern und Farbpaletten auf Basis des RGB- oder CIELAB-Farbraums zu erzeugen.
• Der Autor diskutiert die Schwächen der aktuellen Berechnung von Kontrastverhältnissen nach WCAG 2.1 und stellt den in der App verwendeten Advanced Perceptual Contrast Algorithm (APCA) vor.
• Der Autor empfiehlt den Lesern, beim Aufbau von Farbsystemen sowohl die Richtlinien von WCAG 2.1 als auch APCA zu berücksichtigen, um diese möglichst zukunftssicher und regelkonform zu gestalten.
• Der Autor betont die Vorteile der Nutzung der Accessible-Palette-App und lädt die Leser ein, sich bei Fragen oder Feedback jederzeit zu melden.

[GN⁺]

Hacker-News-Kommentare

• Auf normalen Displays und in Drucksystemen sind gesättigte Rottöne und Blautöne dunkler als Grün.
• Wenn man Kontrastregeln anwendet, wird die Farbauswahl barrierefrei, aber die in diesem Artikel beschriebene Technik ermöglicht Entscheidungen, die sowohl barrierefrei als auch visuell ansprechend sind.
• Gesättigtes Bildschirmgrün ist nicht maximal gesättigt, aber stärker gesättigt als die meisten Grüntöne im wirklichen Leben.
• Das Gleichgewicht der roten und grünen Kanäle in Bäumen und Gras sorgt dafür, dass sie in Stereogrammen gut aussehen.
• Die Empfehlungen zum Farbkontrast in WCAG 2.1 können manchmal zu Ergebnissen führen, die schwerer lesbar sind als Beispiele ohne ausreichenden Kontrast.
• Dieser Artikel bietet Links zu umfassenden Materialien zum Thema Farbe.
• Der Verfasser des Kommentars nutzt die Ideen aus diesem Artikel, um Logs in ClickHouse farblich zu markieren.
• APCA wird als möglicher Nachfolger des Farbkontrast-Algorithmus aus WCAG 2 erwähnt.
• Bei der Arbeit mit Farbe ist es wichtig, den eigenen Augen zu vertrauen, da Werkzeuge und Algorithmen nur mathematische Näherungen sind.
• Die CSS-color()-Funktion unterstützt neben sRGB auch verschiedene andere Farbräume.
• Es werden Fragen zu Wahrnehmungsformeln und deren Zusammenspiel mit Barrierefreiheit und Farbenblindheit aufgeworfen.
• Als Alternative zu LCh wird oklab vorgeschlagen.
• Das im Artikel erwähnte APCA Contrast gilt für einige Farben als fairer als das Contrast Ratio von WCAG 2.1.
• Es werden zusätzliche Materialien zu Farbtheorie und APCA bereitgestellt.
• Der Autor wünscht sich einen Algorithmus, der nicht nur für Webformulare, sondern für sämtliche Software verwendet werden kann.
• In einem anderen Artikel wird HSY erwähnt, das Farbmodell des erweiterten Farbwählers in Krita.