DE

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 Farbumrechner für HEX, RGB und weitere Formate erkennt das Format und zeigt dieselbe Farbe in allen anderen Schreibweisen.

Quelle: CSS Color 4, § 5.2, W3C – CSS Color Module Level 4: RGB hex notation. Stand: .

HEX, rgb(), hsl(), hsv()/hsb(), hwb(), cmyk() in Prozent oder drei Zahlen wie „59, 130, 246“
Meine ToolboxIhre Eingaben werden nur in diesem Browser gespeichert.

Farbvorschau

#3B82F6

Ergebnis

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217.2, 91.2%, 59.8%)
HSV / HSB
hsv(217.2, 76%, 96.5%)
HWB
hwb(217.2 23.1% 3.5%)
CMYK (Näherung)
cmyk(76%, 47%, 0%, 4%)
Erkanntes Eingabeformat
HEX
CMYK ist nur eine Näherung: Die einfache Formel rechnet ohne ICC-Farbprofil. Welche Werte im Druck richtig sind, bestimmt das Farbprofil Ihrer Druckerei (z. B. ISO Coated v2, PSO Coated v3) – lassen Sie die Umwandlung dort oder in Ihrem Layoutprogramm mit diesem Profil machen.

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:

Farben umrechnen – so geht's

  1. Farbe in einem beliebigen Format eingeben, z. B. #3B82F6 oder rgb(59, 130, 246).
  2. Der Umrechner erkennt das Format automatisch.
  3. HEX, RGB, HSL, HSV und CMYK ablesen und kopieren.

Beispiel: #3B82F6 → 3B = 59, 82 = 130, F6 = 246, also rgb(59, 130, 246). Für CMYK: K = 1 − 246/255 ≈ 4 %, C = (1 − 59/255 − 0,035) / 0,965 ≈ 76 %.

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.

Weitere Farbwerkzeuge: der Farbpaletten-Generator, der Kontrast-Checker und die Pipette für Bilder.

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.

Wie rechne ich RGB in HEX um?

Jeden Wert von 0 bis 255 in eine zweistellige Hexadezimalzahl umwandeln und aneinanderhängen: 59 → 3B, 130 → 82, 246 → F6 ergibt #3B82F6.

Quellen und Rechtsgrundlagen

Stand: · So prüfen wir

Passende Werkzeuge