Drei Schreibweisen für eine Farbe
| HEX | #2563D9 |
| RGB | rgb(37, 99, 217) |
| HSL | hsl(219, 71%, 50%) |
Alle drei sind dasselbe Blau. Bildschirme mischen jede Farbe aus rotem, grünem und blauem Licht, und jedes Format schreibt diese Anteile anders auf.
RGB und HEX
RGB gibt Rot, Grün und Blau jeweils von 0 bis 255 an. HEX schreibt dieselben drei Zahlen im Sechzehnersystem mit je zwei Stellen: 25 ist 37, 63 ist 99 und D9 ist 217. Ein Kurzcode wie #FFF verdoppelt jede Stelle (#FFFFFF, Weiß), und ein viertes Paar fügt Transparenz hinzu (#2563D980 ist etwa halb durchsichtig).
HSL
HSL beschreibt eine Farbe so, wie wir über sie denken: der Farbton ist die Position auf dem Farbkreis in Grad (0 Rot, 120 Grün, 240 Blau), die Sättigung ihre Kräftigkeit und die Helligkeit reicht von Schwarz bei 0 % bis Weiß bei 100 %. So lässt sich leicht ein hellerer oder dunklerer Ton bilden: Farbton und Sättigung behalten, nur die Helligkeit ändern.
CMYK ist für den Druck
Drucker mischen Farben aus Cyan, Magenta, Gelb und Schwarz statt aus Licht. Umrechnungen zwischen RGB und CMYK sind Näherungen, weil Bildschirme und Druckfarben nicht genau denselben Farbraum darstellen.
Kontrast für Text
Die Barrierefreiheitsrichtlinien WCAG verlangen auf Stufe AA einen Kontrast von mindestens 4,5:1 für normalen und 3:1 für großen Text. Der Farbumrechner rechnet zwischen allen diesen Formaten um und prüft den Kontrast zu weißem und schwarzem Text. Um den Code einer Farbe aus einem Foto oder Screenshot zu ermitteln, nutz Farbe aus Bild auslesen.