Self-Wiki: Farbe

[Matthias Scharwies]

Guten Morgen!

grad auf Mastodon gefunden:

So color spaces are really starting to piss me off. Anyone have a favored tutorial / explainer about what they are, how they work, and how to use them to e.g. post photos online?

Die Kommentare, die für Fotos weiterhin RGB empfehlen, überwogen.^[1]

---

Wir hatten ja auch angefangen, den Bereich Farbe zu überarbeiten.

Durch das CSS Color Module level 4 (Level 6 ist schon in der Pipeline) ergeben sich da viele Neuerungen.

Wie können wir hier Anfänger zu einem Einstiegs-Tutorial mit den Basics leiten, Profis aber auf der Übersichtseite mittels eines Aha-Effekts hin zum Color Module Level 4 verlocken?

@JürgenB fragte mehrfach, wie Anfänger denn anfangen sollten.

Farbe/Farbangaben

Das wird hier imho ganz gut erklärt, das Beispiel ist evtl. etwas zu einfach. Was meint ihr?

Die bisher gezeigte Tabelle zu den 216 websicheren Farben für GIF ist rausgeflogen, zu Recht?

Die ca. 150 Farbnamen sind für ein Farbkonzept problematisch,

„Deshalb ist darkgray (aus X11) heller als gray (aus den VGA-Farben).“

→ Also stellen wir im nächsten Kapitel 16.7 Mio Farben vor:

Farbe/Farbmodelle

RGB-Modell (Rot/Grün/Blau-Mischung)

RGB-Raum, der erst am Ende als sRBG weiter spezifiziert wird.

• seit Februar '22 haben wir die Leerzeichen-separierten Werte im ganzen Wiki
• damals fiel rgba() heraus, mittlerweile sind Transparenzen wieder ein ganzer Absatz.
• Neu: Es gibt jetzt interaktive Visualisierungen, die als Beispiel angelegt sind. Langfristig soll hier die Vorschau-Ansicht der Beispiel-Vorlage aktiviert werden, damit diese Farbmischer gleich zu sehen sind.
• Benötigt man bei den Hex-Werten eine Erklärung des Begriffs? Die deutsche Wikiseite ist eher schwierig, die englische besser. Eine Umrechnungstabelle würde eher ins Glossar passen. Was meint ihr?

@Rolf B hatte eine zündende Idee,hsl() interaktiv zu visualisieren, das kommt demnächst!

CIE-LAB_Farbmodelle

Das war uns allen neu, und ist erst mal nur der Vollständikeit halber erwähnt.

• welche Farbräume müssten jetzt kommen? Als nächster Abschnitt oder in einem neuen Kapitel?

Ich persönlich würde hier noch lab(), lch() aber auch oklab() und oklch() besprechen.

Hier sind wir uns überhaupt nicht klar, ob man die Erklärung zu OKLAB-Farbraum gleich zum CIE-LAB schieben soll und ob man dort Beispiele oder eher Infografiken benötigt.

Farbinterpolation

Das Kapitel der Farbinterpolation beschreibt dann für Fortgeschrittene die Mischung bei Verläufen, Filtern und color-mix().

Große Frage für mich:

Wann ...

• ein Frickl-Beispiel, auf das extra geklickt werden muss?
• ein inline-div, das evtl. in älteren Browser nicht angezeigt wird?
• eine (SVG)-Grafik, die im Text steht, aber wsl. nur aus RGB-Farben besteht.

Wer hier Fachwissen zu Farben hat und das mit uns teilen möchte: Herzlich willkommen!

Herzliche Grüße

Matthias Scharwies

---

1. advice my photography professor gave me: color spaces are like the box of crayons you have to work with when you make an image. some boxes will have more kinds of crayons than others, but generally you can get away with using the basic box of crayons (sRGB). the bigger boxes of crayons are usually made for specific purposes/to be used with specific devices. most screens and monitors really work best with sRGB anyways, so even if you put up an image you made with the bigger box of crayons, those other screens won't be able to replicate it with their own crayons. basically: use sRGB unless something or someone is specifically asking you to use something else. ↩︎