Farbwähler
Wähle eine Farbe mit dem visuellen Farbwähler oder gib ihren Code ein: Die Werte in HEX, RGB, HSL, HSV und CMYK werden sofort aktualisiert und lassen sich direkt kopieren. Deine letzten 12 Farben bleiben im Verlauf.
Die Farbe hat Transparenz: Die Vorschau zeigt sie über einem Schachbrettmuster. HSV und CMYK kennen keine Transparenz und lassen sie weg.
CMYK ist hier die einfache Formel ohne Farbprofil: Im Druck hängt das Ergebnis von Papier und Druckfarben ab. Für einen echten Druck lohnt es sich daher, die Druckerei nach ihrem Farbprofil zu fragen.
Verlauf. Tippe auf eine Farbe, um sie zurückzuholen:
Wofür ein Farbwähler gut ist
Wenn du eine Grafik, eine Präsentation oder das Theme einer Website gestaltest, ist das Schwierige nicht, dir die Farbe vorzustellen, sondern sie in einen exakten Code zu verwandeln, den du überall wiederverwenden kannst. Mit dem Farbwähler suchst du den Farbton nach Augenmaß aus und bekommst den Code sofort in fünf Formaten: HEX, RGB, HSL, HSV und CMYK. Es geht auch umgekehrt: Gib einen Code ins Feld ein, und der Farbwähler springt zu dieser Farbe. Der Verlauf erspart dir den klassischen Moment „Wie war noch mal das perfekte Orange von vorhin?“: Deine letzten 12 Farben sind nur einen Klick entfernt, auch wenn du die Seite schließt und wieder öffnest; gespeichert werden sie nur auf diesem Gerät.
Welches Format du kopieren solltest
Das hängt davon ab, wo du es brauchst. Für CSS, Canva, Figma oder PowerPoint ist HEX fast immer die richtige Wahl und am schnellsten eingefügt; mit 8 Stellen enthält es auch die Transparenz. RGB ist praktisch, wenn du die Kanäle einzeln einstellen musst. HSL ist perfekt für stimmige Varianten: Behalte denselben Farbton und ändere nur Sättigung oder Helligkeit. HSV ist das Format der Farbwähler in Photoshop und GIMP, und CMYK gibt dir eine Vorstellung vom Druck (für einen echten Druckauftrag frag die Druckerei nach ihrem Profil).
Nachkommastellen erscheinen nur, wenn sie nötig sind, damit die Zeile beim erneuten Einlesen genau diese Farbe ergibt: Das Grau #7f7f7f wird zu hsl(0, 0%, 49.8%), denn hsl(0, 0%, 50%) wäre bereits #808080. Die Codes verwenden den Punkt als Dezimaltrennzeichen, so wie Stylesheets es verlangen. 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%). Sie gelten nur dann als Anteile, wenn kein Wert ein Prozentzeichen hat und alle vier zwischen 0 und 1 liegen; sonst sind es Prozentwerte.
Vier Seiten, zwei Aufgaben
Farbwähler und Farbkonverter sind dasselbe Tool mit zwei Eingängen, dem eingegebenen Code und dem Farbwähler: Dieselbe Farbe ergibt auf beiden Seiten dieselben Zeilen. Für Zufallsfarben gibt es die Tools Zufallsfarbe und Farbpaletten-Generator, also denselben Generator mit einer oder mit fünf Farben.