Farbumrechner: HEX, RGB, HSL, HSV, CMYK

Geben Sie eine Farbe in einem beliebigen Format ein – etwa #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%) oder cmyk(76%, 47%, 0%, 4%). Der Umrechner erkennt das Format und zeigt dieselbe Farbe in allen anderen Schreibweisen.

So wird gerechnet

So rechnet der Farbumrechner

Alle Formate beschreiben dieselbe Farbe im sRGB-Farbraum, dem Standard für Bildschirme und das Web. Grundlage ist immer der RGB-Wert mit drei Kanälen von 0 bis 255:

HEX schreibt die drei Kanäle als zweistellige Hexadezimalzahlen: 59 → 3B, 130 → 82, 246 → F6, also #3B82F6. Die Kurzform #RGB verdoppelt jede Ziffer (#FA0 = #FFAA00), eine 4. bzw. 8. Stelle ist die Deckkraft.
HSL (Farbton, Sättigung, Helligkeit) und HWB (Farbton, Weiß-, Schwarzanteil) rechnet der Umrechner nach den Formeln aus CSS Color Module Level 4.
HSV (auch HSB) nutzt denselben Farbton wie HSL; V ist der größte der drei Kanäle, S = (max − min) ÷ max.
CMYK wird mit der einfachen Formel K = 1 − max(R, G, B), C = (1 − R − K) ÷ (1 − K) usw. berechnet.

Beispiel #3B82F6: R = 59/255 = 0,231, G = 0,510, B = 0,965. Größter Wert 0,965, kleinster 0,231. Helligkeit L = (0,965 + 0,231) ÷ 2 = 59,8 %, Sättigung S = (0,965 − 0,231) ÷ (1 − |2 × 0,598 − 1|) = 91,2 %, Farbton H = 217,2°. Ergebnis: hsl(217.2, 91.2%, 59.8%).

Warum CMYK nur eine Näherung ist

Druckfarben verhalten sich anders als Licht: Welcher CMYK-Wert eine Bildschirmfarbe am besten trifft, hängt von Papier, Druckverfahren und Farbauftrag ab. Diese Eigenschaften stehen in einem ICC-Farbprofil. Die hier verwendete Formel kennt kein Profil – sie ergibt zum Beispiel für reines Blau „cmyk(100%, 100%, 0%, 0%)“, das im Druck deutlich violetter aussieht. Für Drucksachen gilt deshalb: Farbwerte der Druckerei verwenden oder im Layoutprogramm mit dem Profil der Druckerei umwandeln.

Rundung

RGB und HEX sind ganzzahlig und damit exakt. HSL, HSV und HWB zeigt der Umrechner mit einer Nachkommastelle, CMYK in ganzen Prozent. Werte mit Punkt als Dezimaltrenner lassen sich direkt in CSS einfügen.

Häufige Fragen

Wie rechne ich HEX in RGB um?

Jeweils zwei Stellen sind ein Kanal in Hexadezimal: #3B82F6 → 3B = 3 × 16 + 11 = 59, 82 = 8 × 16 + 2 = 130, F6 = 15 × 16 + 6 = 246. Ergebnis: rgb(59, 130, 246).

Kann ich die CMYK-Werte für den Druck verwenden?

Nur als grobe Orientierung. Die Umrechnung erfolgt ohne ICC-Farbprofil. Maßgeblich ist das Profil Ihrer Druckerei; fragen Sie dort nach den passenden CMYK-Werten oder wandeln Sie im Layoutprogramm mit dem Druckprofil um.

Was ist der Unterschied zwischen HSL und HSV?

Beide verwenden denselben Farbton. Bei HSL ist 100 % Helligkeit immer Weiß und 50 % die reine Farbe; bei HSV ist 100 % Wert die hellste Stufe der Farbe, Weiß erreicht man dort über 0 % Sättigung. Grafikprogramme nennen HSV oft HSB.

Welche Schreibweisen werden erkannt?

HEX mit 3, 4, 6 oder 8 Stellen (mit oder ohne #), rgb()/rgba() auch in Prozent, hsl()/hsla() mit deg, turn, rad oder grad, hsv()/hsb(), hwb(), cmyk() mit Prozentwerten sowie drei nackte Zahlen als RGB. Komma- und Leerzeichen-Syntax (CSS Color 4) funktionieren beide.

Quellen und Rechtsgrundlagen

CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
CSS Color 4, § 8: W3C – CSS Color Module Level 4: HWB colors

Stand: 27. September 2026

Farbvorschau

Ergebnis