Vom Entwurf zum Code
Die Farben eines Entwurfs in HEX oder RGB zu überführen ist der Pflichtschritt ins Stylesheet.
Farbkonverter
Konvertiere zwischen HEX, RGB, HSL und CMYK.
🔒 Diese Datei wird in deinem Browser verarbeitet. Sie wird nie hochgeladen.
…
Wofür es gut ist
Dieselbe Farbe wird je nach Einsatzort anders geschrieben, und dieses Werkzeug übersetzt zwischen allen Schreibweisen. HEX ist der sechsstellige Code aus dem Web, RGB drückt die Farbe als Mischung aus Rot, Grün und Blau aus, HSL beschreibt sie über Farbton, Sättigung und Helligkeit, und CMYK ist das System des Drucks.
Die Umrechnung braucht man täglich, weil jedes Programm seine eigene Sprache spricht. Der Gestalter liefert HEX, das Layoutprogramm will RGB, die Druckerei arbeitet in CMYK und das Stylesheet nimmt alle drei. Von Hand umzurechnen ist möglich, aber mühsam und fehleranfällig.
HSL verdient eine eigene Erwähnung, weil es sich am intuitivsten nach Augenmaß anpassen lässt. Farbton halten und Helligkeit anheben ergibt eine hellere Variante derselben Farbe, was über drei RGB-Zahlen weit schwerer zu treffen ist.
So funktioniert's
- Wähle eine Farbe mit dem visuellen Regler oder gib direkt den HEX-Code ein.
- Das Werkzeug berechnet sofort die Entsprechungen in RGB, HSL und CMYK.
- Kopiere das Format, das du für dein Design oder deinen Code brauchst.
Wann man es einsetzt
Für den Druck vorbereiten
Bildschirmfarben werden in RGB definiert, der Druck arbeitet in CMYK. Die Umrechnung liefert den Ausgangspunkt.
Varianten erzeugen
Über die Helligkeit in HSL entstehen helle und dunkle Fassungen einer Markenfarbe, ohne den Ton zu verlieren.
Praktische Tipps
- Die CMYK-Umrechnung ist die mathematische Standardformel. Für Profidruck kann die Druckerei ein bestimmtes Farbprofil verlangen.
- Nicht jede Bildschirmfarbe lässt sich drucken: Stark gesättigte Grün- und Blautöne wirken auf Papier immer matter.
- Halte die Projektfarben in HEX fest, dem portabelsten Format.
- Bevor du eine Textfarbe festlegst, prüfe ihren Kontrast zum vorgesehenen Hintergrund.
Häufige Fragen
Warum brauche ich mehrere Farbformate?
Jeder Kontext nutzt ein anderes: CSS meist HEX oder RGB, der Printbereich CMYK, und HSL ist für das manuelle Anpassen von Farbton und Helligkeit intuitiver.
Ist die CMYK-Umrechnung exakt?
Es ist eine standardmäßige mathematische RGB→CMYK-Umrechnung; für professionellen Druck kann die Druckerei ein bestimmtes, abweichendes Farbprofil verlangen.