Farbmodell-Konverter (RGB, HSL, HSV, CMYK)

Gib einen HEX-Farbcode ein oder wähle eine Farbe über den Farbwähler aus, um sofort die entsprechenden Werte in RGB, HSL, HSV (HSB) und CMYK gleichzeitig zu berechnen.

Wie sich die Farbmodelle unterscheiden

Modell Beschreibung Typische Verwendung
RGB Ein additives Farbmodell, das die drei Grundfarben des Lichts (Rot, Grün, Blau) jeweils in einer Skala von 0 bis 255 mischt. Bildschirme, Webentwicklung (CSS) und das Basisformat der meisten Bildbearbeitungsprogramme.
HSL Stellt eine Farbe über Farbton, Sättigung und Helligkeit dar. Das entspricht eher der intuitiven menschlichen Beschreibung von Farben. Die CSS-Funktion `hsl()` sowie die Anpassung von Farbton/Sättigung in Farbschema-Werkzeugen.
HSV/HSB Stellt eine Farbe über Farbton, Sättigung und Hellwert (Brightness) dar. Ähnlich wie HSL, definiert die dritte Achse aber anders. Die Farbwähler in Design-Werkzeugen wie Photoshop und Illustrator.
CMYK Ein subtraktives Farbmodell, das vier Farben übereinanderlegt: Cyan, Magenta, Gelb und eine Schwarzplatte (Key). Druckdesign und Desktop-Publishing (DTP), bei denen Farbe mit Tinte auf Papier wiedergegeben wird.

Tipps

  • Das HEX-Feld akzeptiert Codes mit oder ohne führendes `#`, sowohl in der 3-stelligen Kurzform (z. B. `#f60`) als auch in der 6-stelligen Vollform.
  • Jede über den Farbwähler ausgewählte Farbe wird automatisch im HEX-Code übernommen, sodass du Farben visuell auswählen und gleichzeitig die genauen Zahlenwerte prüfen kannst.
  • Wenn du in CSS eine Hintergrund- oder Textfarbe mit der Funktion `hsl()` festlegen möchtest, kannst du die hier berechneten HSL-Werte direkt in das Format `hsl(H, S%, L%)` einsetzen.
  • Beim Erstellen von Druckvorlagen solltest du bedenken, dass die hier angezeigten CMYK-Werte eine vereinfachte Umrechnung sind; die tatsächlichen Werte, die das ICC-Profil einer Druckerei verwendet, können geringfügig abweichen.

Häufig gestellte Fragen

RGB stellt eine Farbe dar, indem es die drei Grundfarben des Lichts (Rot, Grün, Blau) jeweils in einer Skala von 0 bis 255 mischt, und ist das grundlegende Format, das Computer intern verwenden. HSL drückt dieselbe Farbe über drei Achsen aus, die der menschlichen Intuition näherkommen (Farbton, Sättigung, Helligkeit), wodurch Anpassungen wie "etwas heller" oder "etwas kräftiger" leichter fallen.

HSV und HSL teilen dieselben Achsen für Farbton (H) und Sättigung (S), definieren die dritte Achse aber unterschiedlich. Die Helligkeit bei HSL beschreibt, wie stark eine Farbe in Richtung Schwarz oder Weiß gemischt ist, während der Hellwert bei HSV nur beschreibt, wie viel Schwarz der Farbe beigemischt wurde. Wenn man eine kräftige, fast reine Farbe auswählen möchte, wirkt HSV oft intuitiver, weshalb es das Modell ist, das in den Farbwählern von Werkzeugen wie Photoshop verwendet wird.

Theoretisch sollte das Mischen gleicher Anteile Cyan-, Magenta- und Gelbtinte Schwarz ergeben, doch echte Tinten sind nie vollkommen rein, sodass die Mischung aller drei nur ein trübes Braun ergibt. Um scharfe, tiefe Schwarztöne zu erzielen (besonders für Text), fügt die Druckindustrie eine eigene schwarze Tinte hinzu, die Schwarzplatte, bezeichnet mit K.

Bildschirme erzeugen Farbe durch additive Mischung, indem sie rotes, grünes und blaues Licht kombinieren, weshalb RGB, das auf den Grundfarben des Lichts basiert, sich natürlich anbietet. Der Druck hingegen funktioniert durch subtraktive Mischung, bei der Tinten auf Papier aufgetragen werden, die Licht absorbieren, weshalb CMYK, die Grundfarben der Tinte plus Schwarz, verwendet wird. Da beide Verfahren auf unterschiedlichen Prinzipien beruhen, stimmen Bildschirmfarben und gedruckte Farben nicht immer exakt überein – ein Unterschied, der als Farbraum (Gamut) bezeichnet wird.
ツールくん

Übrigens – die Geschichte hinter diesen Farbmodellen

Die Idee der additiven Farbmischung hinter RGB reicht bis in die Farbtheorie des 19. Jahrhunderts zurück, wurde in der Computergrafik aber erst ab den 1970er-Jahren weit verbreitet. Frühe Farbfernseher und Monitore erzeugten Farbe, indem sie rote, grüne und blaue Leuchtstoffe auf einer Kathodenstrahlröhre zum Leuchten brachten, weshalb RGB als das numerische Modell übernommen wurde, das dieser physischen Hardware direkt entsprach.

HSL und HSV wurden beide in den 1970er- und 1980er-Jahren von Computergrafik-Forschern entwickelt, um ein konkretes Usability-Problem zu lösen: Rohe RGB-Zahlen direkt anzupassen ist für Menschen nicht intuitiv. HSV ist besonders dafür bekannt, 1978 in einem Paper von Alvy Ray Smith formalisiert worden zu sein, der später einer der Mitbegründer von Pixar wurde.

CMYK entwickelte sich zusammen mit der Geschichte der Drucktechnik und stammt aus einem Verfahren namens Vierfarbdruck (Four-Color Process Printing). Da Cyan, Magenta und Gelb allein nur schwer ein tiefes, sattes Schwarz wiedergeben können, wurde eine eigene Schwarzplatte hinzugefügt, um diese druckspezifische Einschränkung zu lösen. CMYK ist bis heute der Standard im Offsetdruck, bei Tintenstrahldruckern und vielen anderen Drucktechnologien.

Weitere Tools in dieser Kategorie