Farben zwischen HEX, RGB, HSL und anderen Formaten umwandeln
Wandle eine Farbe zwischen HEX, RGB, HSL, CMYK und anderen Formaten um. Sieh nach, welche Umwandlungen exakt sind, und erfahre, welches Format sich wofür eignet.
2 Min. Lesezeit
Um eine Farbe umzuwandeln, füge sie in den Farbkonverter ein. Wähle unter Ziel das gewünschte Format aus und kopiere das Ergebnis. Das Tool erkennt das Eingabeformat automatisch. Daher funktionieren #ff6600, rgb(255, 102, 0), orangered und sogar 255, 102, 0. Das Ergebnis wird während der Eingabe angezeigt. Ein Farbfeld darunter zeigt dir, ob das Tool die richtige Farbe erkannt hat.
Dieselbe Farbe in vier Formaten
HEX, RGB, HSL und CMYK sind verschiedene Schreibweisen für dieselbe Farbe. Hier ist ein Orange in allen vier Formaten:
| Format | Wert | Bedeutung der Zahlen |
|---|---|---|
| HEX | #ff6600 |
Rot, Grün und Blau, jeweils als zwei Hex-Ziffern |
| RGB | rgb(255, 102, 0) |
Rot, Grün und Blau im Bereich von 0 bis 255 |
| HSL | hsl(24, 100%, 50%) |
Farbton auf dem Farbkreis, Sättigung, Helligkeit |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Cyan-, Magenta-, Gelb- und Schwarzanteil |
HEX und RGB verwenden dieselben drei Zahlen, nur in unterschiedlicher Schreibweise. Die Umwandlung zwischen ihnen ist exakt. HSL lässt sich einfacher von Hand anpassen: Erhöhe den Helligkeitswert, wird die Farbe heller.
Warum CMYK anders ist
CMYK ist für den Druck gedacht. Die genauen Werte hängen vom Drucker, dem Papier und der Tinte ab. Der Konverter verwendet die Standardformel ohne Druckerprofil. Daher kann eine Druckerei für dieselbe Farbe leicht abweichende Werte angeben. Verwende das CMYK-Ergebnis für Mock-ups und bitte die Druckerei vor dem eigentlichen Druck um einen Probedruck.
Welches Format eignet sich wofür?
- CSS und HTML: Verwende HEX. Das Format ist kurz und wird von jedem Browser erkannt.
- Ein Farbthema: Verwende HSL. Durch Ändern einer Zahl erhältst du hellere und dunklere Farbtöne.
- Transparenz im Code: Verwende RGB mit einem Alpha-Wert oder einen achtstelligen HEX-Wert.
rgba(37, 99, 235, 0.5)wird zu#2563eb80; die letzten beiden Ziffern stehen für die Deckkraft. - Druck-Mock-ups: Verwende CMYK und beachte den obigen Hinweis.
Farbnamen sind nicht exakt
Der Konverter unterstützt 17 Formate, darunter OKLCH, LAB, HSV, CSS-Farbnamen und Terminal-ANSI-Codes. Als Ergebnis erhältst du den ähnlichsten CSS-Farbnamen, keine exakte Übereinstimmung. Für #ff6600 lautet das Ergebnis orangered, aber orangered entspricht tatsächlich #ff4500. Verwende Farbnamen für kurze Beschriftungen und exakte Werte für Markenfarben.
Füge die Farbe ein, prüfe das Farbfeld und kopiere das Ergebnis. Das ist der ganze Vorgang.
Bereit, es selbst auszuprobieren?
Farb-Konverter
Konvertieren Sie Farben zwischen HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, CSS-Farbnamen, ANSI-Terminalcodes und mehr, mit automatischer Formaterkennung und Live-Vorschau.