Wähler, Umrechner, Paletten, Kontrast und Farbsehen
Sieben Aufgaben rund um Farbe, eine gemeinsame Leiste, jede Zahl hier berechnet
Sieben Bereiche über einer gemeinsamen Farbe: wählen und umrechnen, Kontrast prüfen, eine Palette bauen, eine Skala bauen, einen Verlauf bauen, eine Palette aus einem Bild ziehen und das Ganze durch drei Arten des Farbsehens betrachten. Ändern Sie die Farbe in einem Bereich, und jeder andere spricht bereits über sie.
Die Umrechnungen folgen CSS Color Level 4, samt der echten stückweisen sRGB-Übertragungskurve statt eines Gammas von 2,2, der Bradford-Adaptation zwischen D65 und D50 für Lab und der Gamut-Einpassung durch Verringern der Chroma in OKLCH. Deshalb stimmen diese Zahlen mit dem überein, was der Browser malt, statt ein bis zwei Prozent daneben zu liegen.
Er nennt das WCAG-2.2-Verhältnis und die Anforderungen, die das Paar erfüllt. Er sagt nicht, dass Ihre Seite barrierefrei ist, denn Kontrast ist ein Erfolgskriterium unter vielen - Fokusreihenfolge, Beschriftungen, Tastaturwege, Bewegung und Struktur sind eigene - und eine Seite mit perfektem Kontrast kann trotzdem unbrauchbar sein.
APCA sitzt hinter einer Aufklappfläche und ist als Entwurfsinformation für WCAG 3 gekennzeichnet. Es bildet ab, wie Kontrast bei einer bestimmten Größe und Strichstärke gelesen wird, was WCAG 2 nicht tut - aber heute wird nichts daran gemessen, und es als gleichwertig zu zeigen würde beide falsch darstellen.
Die Projektion nach Vienot, Brettel und Mollon, angewandt in linearem Licht. Sie beantwortet die Frage, die sich zu stellen lohnt - lassen sich diese beiden noch unterscheiden - statt vorzugeben, zu fotografieren, was eine bestimmte Person sieht. Sie ist ein Modell einer Form der Sehschwäche, und der Bereich sagt das auch.
Die wichtigsten Funktionen praxisnah erklärt.
HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display P3 und die 148 benannten Farben, jede mit Kopierschaltfläche. Werte außerhalb des Gamuts werden markiert und durch Verringern der Chroma in OKLCH eingepasst, so wie die Spezifikation es vorsieht.
Das Verhältnis und welche der Anforderungen normal AA, groß AA, Bedienelemente AA, normal AAA und groß AAA das Paar erfüllt. Halbtransparente Farben werden zuvor über die Seitenfarbe gerechnet, genau wie ein Browser sie malt - ein Fehler, den die meisten Prüfer machen.
Verfehlt ein Paar das Ziel, wird der nächste Ton derselben Farbe über Helligkeit und Chroma in OKLCH gesucht - und jeder Kandidat nach der Rundung auf acht Bit erneut gemessen, denn eine Suche im kontinuierlichen Raum kann eine Farbe liefern, die als Hex-Wert durchfällt.
Sieben Harmonien und eine elfstufige Tonwertreihe von 50 bis 950, gebaut durch Drehen des Farbtons und Stufen der Helligkeit in einem perzeptuellen Raum. Export als CSS Custom Properties, SCSS-Variablen, JSON oder einfache Liste.
Lineare, radiale und konische Verläufe mit ziehbaren Stopps, in OKLCH interpoliert, damit Blau nach Gelb nicht durch Matsch geht. Die einfache sRGB-Form wird daneben ausgegeben, ältere Browser zeichnen also weiterhin einen Verlauf.
Median Cut, danach eine Verfeinerung nach Lloyd, gerechnet auf Pixeln, die in diesem Tab dekodiert wurden. Der Abtastschritt wird von kleinen Primzahlen weggezwungen, damit ein gestreiftes oder tabellarisches Bild nicht auf zwei Farben zusammenfällt - ein echter Fehler, den das behebt.
Die Projektion nach Vienot, Brettel und Mollon, angewandt in linearem Licht, für Protanopie, Deuteranopie und Tritanopie. Sie meldet, ob ein PAAR unterscheidbar bleibt - die Frage, auf die es ankommt - und sagt klar, dass sie eine Form der Sehschwäche modelliert und nicht die Augen einer bestimmten Person.
Das für WCAG 3 entworfene perzeptuelle Kontrastmodell steht hinter einer Aufklappfläche und wird als das beschrieben, was es ist: Entwurfsinformation, nicht das, woran heute etwas gemessen wird. Es den WCAG-Urteilen gleichzustellen würde beide falsch darstellen.
Ein klarer Weg von der offiziellen Quelle bis zum ersten erfolgreichen Einsatz.
Nutzen Sie einen der offiziellen Links für Ihr Gerät oder Ihren Browser.
Folgen Sie den Store-Anweisungen oder öffnen Sie die Webanwendung. Keine Drittanbieter-Installer.
Prüfen Sie die Optionen, wählen Sie Ihre Einstellungen und beginnen Sie mit dem zentralen Workflow.
Ein transparenter Blick auf die Kerntechnologien für Entwicklung und Wartung dieses Produkts.
Ihre Daten bleiben auf Ihrem Gerät. Immer.
