Servus!
Hallo,
ich habe mich mal etwas mit den Farbmodellen beschäftigt und einen Konverter gebastelt:
http://test.berkemeier.eu/selfwiki/Farben/Farbmodelle_umrechnen.html
Bisher habe ich zwei Probleme:
- Der Konverter von Lab nach RGB erzeugt Werte kleiner 0 und größer 255. Daher habe ich da erst mal einen Begrenzer eingebaut.
Da gibt es wohl Look-Up-Tabellen, aber wo?
- Ich kann mit RGB Farben einstellen, die nach Lab falsch konvertiert werden. Stellt einfach mal RGB auf 0 0 beliebig.
Die Prozentwerte der hue beschreiben in den unterschiedlichen Farbräumen unterschiedliche Farben; siehe hier: Farbe/Farbmodelle#oklch()
Für die Konvertierung müssen 3 Referenzwerte gewählt werden, die von der„ Umgebung“ abhängen, z.B. „D65/2° Daylight“. Ich vermute, dass die Browser hier irgendetwas anderes nehmen.
Hat jemand eine Idee, wo ich die Referenzwerte der Browser finde?
Das müssen wir irgendwann alles mal auf Discord diskutieren.
Herzliche Grüße
Matthias Scharwies
PS: Wo würdet ihr die relative Color-Syntax erklären? Von der Komplexität her würde ich es gerne zur /Farbinterpolation packen.
:root {
--brand-color: hsl(300deg 75% 50%);
--brand-color-variant: hsl(from var(--brand-color) h s l / 50%);
}
Die Signatur findet sich auf der Rückseite des Beitrags.