Dieser Farbcode-Umrechner konvertiert Farben zwischen den wichtigsten Farbmodellen: HEX, RGB, HSL und CMYK. Geben Sie einen Farbwert in einem beliebigen Format ein, und sehen Sie sofort die entsprechenden Werte in allen anderen Formaten zusammen mit einer visuellen Farbvorschau. Ideal für Webdesigner, Grafikdesigner und Entwickler. Alles läuft lokal in Ihrem Browser.
Geben Sie Ihre Werte ein, um das Ergebnis zu sehen.
#FF5733 → RGB(255, 87, 51) | HSL(10, 100%, 60%)
Ein warmes Orange-Rot in verschiedenen Farbmodellen.
RGB(0, 128, 255) → #0080FF | HSL(205, 100%, 50%)
Ein kräftiges Blau in HEX und HSL.
HSL(120, 100%, 50%) → #00FF00 | RGB(0, 255, 0)
Reines Grün – identisch in allen Farbmodellen.
Farben können auf verschiedene Arten dargestellt werden, und jedes Farbmodell hat seine eigenen Stärken und Anwendungsbereiche. Das Verständnis der verschiedenen Farbmodelle hilft Ihnen, die richtigen Farben für Webdesign, Druck und digitale Kunst zu wählen.
Das RGB-Modell (Rot, Grün, Blau) ist das Standardmodell für digitale Displays. Es basiert auf dem additiven Farbprinzip: Wenn Lichtquellen aller drei Grundfarben kombiniert werden, entsteht weißes Licht. Jeder Kanal kann eine Intensität von 0 (aus) bis 255 (volle Intensität) haben, was insgesamt etwa 16,7 Millionen mögliche Farben ergibt. Dieses Modell wird in Monitoren, Fernsehern, Smartphone-Displays und Digitalkameras verwendet.
HEX ist im Wesentlichen eine kompakte Schreibweise für RGB-Werte im hexadezimalen System. Anstatt drei separate Zahlen zu schreiben, werden die Rot-, Grün- und Blauwerte als je zwei hexadezimale Ziffern dargestellt, vorangestellt mit einem Rautezeichen. Das Format ist besonders in der Webentwicklung beliebt, da es kurz und einfach zu merken ist.
HSL (Farbton, Sättigung, Helligkeit) wurde entwickelt, um die Farbauswahl intuitiver zu gestalten. Statt mit abstrakten Rot-Grün-Blau-Werten zu arbeiten, können Sie zunächst den gewünschten Farbton auf dem Farbkreis wählen, dann die Sättigung anpassen und schließlich die Helligkeit festlegen. Das macht es viel einfacher, verwandte Farben zu finden oder eine Farbe systematisch aufzuhellen oder abzudunkeln.
CMYK (Cyan, Magenta, Gelb, Schwarz) ist das Standardmodell für den Druck. Es basiert auf dem subtraktiven Farbprinzip: Jede Tinte absorbiert bestimmte Wellenlängen des Lichts, und die Kombination aller Farben ergibt (theoretisch) Schwarz. In der Praxis wird Schwarz als separate Farbe (Key) hinzugefügt, da die Kombination von Cyan, Magenta und Gelb kein perfektes Schwarz ergibt.
Die Umrechnung zwischen RGB und HEX ist mathematisch exakt – es handelt sich um dieselben Daten in unterschiedlicher Schreibweise. Die Umrechnung zwischen RGB und HSL ist ebenfalls exakt, da beide Modelle denselben Farbraum beschreiben. Die Umrechnung zwischen RGB und CMYK hingegen ist geräteabhängig und nicht immer verlustfrei, da die beiden Modelle unterschiedliche Farbräume abdecken.
Für Webentwickler ist die Fähigkeit, zwischen diesen Formaten zu wechseln, besonders nützlich. Sie können eine Farbe im visuellen Picker auswählen, den HEX-Wert notieren und dann den RGB- oder HSL-Wert für die CSS-Programmierung verwenden. Dieser Umrechner macht diesen Prozess schnell und einfach.
HEX (hexadezimal) ist ein Farbformat, das in der Webentwicklung am häufigsten verwendet wird. Es besteht aus einem Rautezeichen (#) gefolgt von sechs hexadezimalen Ziffern, die die Rot-, Grün- und Blaukomponenten der Farbe darstellen. Die ersten zwei Ziffern stehen für Rot, die mittleren zwei für Grün und die letzten zwei für Blau. Zum Beispiel steht #FF0000 für reines Rot, #00FF00 für reines Grün und #0000FF für reines Blau. Jeder Kanal kann Werte von 00 bis FF (0 bis 255 in dezimaler Schreibweise) annehmen.
RGB steht für Rot, Grün und Blau – die drei Grundfarben des additiven Farbmodells, das in digitalen Displays verwendet wird. Jeder Kanal hat einen Wert zwischen 0 und 255. Durch die Kombination verschiedener Intensitäten dieser drei Farben können Millionen von Farben dargestellt werden. RGB(255, 0, 0) ist reines Rot, RGB(0, 255, 0) ist reines Grün, und RGB(255, 255, 255) ist Weiß. Dieses Format wird in CSS, Bildbearbeitungsprogrammen und den meisten digitalen Designwerkzeugen verwendet.
HSL steht für Farbton (Hue), Sättigung (Saturation) und Helligkeit (Lightness). Der Farbton wird als Winkel auf dem Farbkreis von 0 bis 360 Grad angegeben – 0 ist Rot, 120 ist Grün und 240 ist Blau. Die Sättigung beschreibt die Intensität der Farbe von 0% (grau) bis 100% (volle Farbe). Die Helligkeit geht von 0% (schwarz) bis 100% (weiß). HSL ist besonders benutzerfreundlich, da es der menschlichen Farbwahrnehmung näher kommt als RGB.
CMYK steht für Cyan, Magenta, Yellow (Gelb) und Key (Schwarz) und ist das subtraktive Farbmodell, das im Druck verwendet wird. Im Gegensatz zu RGB, das Licht hinzufügt (additiv), subtrahiert CMYK Licht, indem Tinte auf Papier aufgetragen wird. Jeder Kanal wird als Prozentsatz von 0% bis 100% angegeben. Die Umrechnung von RGB zu CMYK ist nicht immer exakt, da der Farbumfang (Gamut) der beiden Modelle unterschiedlich ist – einige leuchtende RGB-Farben können im Druck nicht exakt wiedergegeben werden.
Bildschirme verwenden das additive RGB-Modell, das Licht emittiert, während Drucker das subtraktive CMYK-Modell verwenden, das Licht absorbiert. Der Farbumfang von RGB ist größer als der von CMYK, was bedeutet, dass einige leuchtende Bildschirmfarben im Druck nicht exakt reproduziert werden können. Zusätzlich kalibrieren verschiedene Monitore Farben unterschiedlich. Für professionelle Druckergebnisse sollten Sie immer CMYK-Werte verwenden und einen Proof-Druck anfertigen.
Ja, dieser Umrechner ist ideal für CSS-Farben. Sie können einen HEX-Wert eingeben und den entsprechenden RGB- oder HSL-Wert erhalten, den Sie direkt in Ihrem CSS-Code verwenden können. CSS unterstützt alle drei Formate: hexadezimale Notation (#FF5733), RGB-Funktion (rgb(255, 87, 51)) und HSL-Funktion (hsl(10, 100%, 60%)). Die Umrechnung hilft Ihnen, die für Ihren Anwendungsfall passende Notation zu wählen.
Zuletzt aktualisiert am 2026-09-27 · Geschrieben von UtiliaTools