Farbkonverter
Gib eine Farbe in HEX, RGB, HSL, HSV oder CMYK ein, füge sie ein oder wähle sie mit dem Farbwähler aus: Sie wird sofort in alle anderen Formate umgerechnet, bereit zum Kopieren.
Die Farbe hat Transparenz: Die Vorschau zeigt sie über einem Schachbrettmuster. HSV und CMYK kennen keine Transparenz und lassen sie weg.
Der CMYK-Wert hier beruht auf der einfachen Formel ohne Farbprofil: Im Druck hängt das Ergebnis von Papier und Druckfarben ab, für echte Druckaufträge lohnt es sich also, die Druckerei nach ihrem Profil zu fragen.
Verlauf. Tippe auf eine Farbe, um sie zurückzuholen:
Fünf Formate und wann du welches verwendest
HEX, etwa #ff8a5c, ist das kürzeste Format und der Standard in Stylesheets und Designprogrammen. Es wird mit 6 Stellen geschrieben, mit 3 (jede Stelle zählt doppelt: #f80 ist #ff8800) oder mit 8 bzw. 4, wobei das letzte Paar die Transparenz angibt: #ff8a5c80 ist dasselbe Orange mit halber Deckkraft. Die Raute kann man auch weglassen.
RGB gibt an, wie viel Rot, Grün und Blau enthalten ist, jeweils von 0 bis 255, und mit einer vierten Zahl die Transparenz. HSL (Farbton, Sättigung, Helligkeit) ist am praktischsten für Variationen: Behalte denselben Farbton, ändere nur die Helligkeit, und du erhältst hellere und dunklere Versionen derselben Farbe. HSV, das manche Programme HSB nennen, steckt hinter den Farbwählern von Photoshop, Figma und GIMP: Dort ist 100 % Hellwert die leuchtendste Farbe, nicht Weiß. Jedes dieser Formate kannst du auch ins Feld eingeben, nicht nur kopieren.
So viele Nachkommastellen wie nötig, und der Punkt
Jede Zeile muss, kopiert und wieder eingelesen, dieselbe Farbe ergeben. Mit ganzen Zahlen klappt das nicht immer: Das Grau rgb(127, 127, 127) wäre in gerundetem HSL hsl(0, 0%, 50%), und das ergibt wieder eingelesen rgb(128, 128, 128), ein anderes Grau. Deshalb erscheint hier eine Nachkommastelle nur, wenn sie nötig ist: Dieses Grau wird zu hsl(0, 0%, 49.8%), und #f80 wird in CMYK zu cmyk(0%, 46.7%, 100%, 0%), denn mit 47 % ergäbe es beim Zurücklesen #ff8700.
Die Codes verwenden als Dezimaltrennzeichen immer einen Punkt, egal in welcher Sprache die Seite ist: Es ist Code zum Einfügen in ein Stylesheet oder ein Designprogramm, und die verstehen kein Komma. Fehlt eine Klammer oder liegt eine Zahl außerhalb des Bereichs, wie bei rgb(300, 0, 0), sagt die Seite das, statt zu raten. CMYK kann auch als Anteile von 0 bis 1 geschrieben werden, so wie viele Programme es exportieren: cmyk(0, 0.46, 0.64, 0) bedeutet cmyk(0%, 46%, 64%, 0%). Als Anteile gelten die Werte nur, wenn keiner ein Prozentzeichen hat und alle vier zwischen 0 und 1 liegen; sonst sind es Prozentwerte.
Warum CMYK nur eine Annäherung ist
Bildschirme senden Licht aus (additive RGB-Farben), Papier reflektiert es (subtraktives CMYK): Die beiden Farbräume decken sich einfach nicht. Sehr gesättigte oder sehr helle Farben, die du am Monitor siehst, lassen sich im Druck oft nicht wiedergeben. Der hier berechnete CMYK-Wert ist die mathematische Standardumrechnung, ideal für einen ersten Eindruck oder einen Entwurf; für professionelle Druckaufträge solltest du ihn aber immer mit dem ICC-Profil deiner Druckerei abgleichen.
Vier Seiten, zwei Aufgaben
Farbkonverter und Farbwähler sind dasselbe Tool mit zwei Zugängen, dem eingegebenen Code und dem Farbwähler: Dieselbe Farbe ergibt auf beiden Seiten dieselben Zeilen. Für zufällige Farben gibt es Zufallsfarbe und Farbpaletten-Generator, also derselbe Generator mit einer Farbe oder mit fünf.