Farbkonverter

Konvertieren Sie Farben zwischen HEX, RGB, HSL, HSV und CMYK Formaten.

Farbe eingeben

Auswahl

Ungültiges Farbformat.

Was sind Farbräume?

Ein Farbraum ist eine Möglichkeit, Farben mit Zahlen zu beschreiben. So wie Sie einen Ort mit GPS-Koordinaten beschreiben können, können Sie jede Farbe mit den richtigen Zahlen beschreiben.

Verschiedene Farbräume existieren, weil unterschiedliche Geräte und Anwendungsfälle unterschiedliche Ansätze benötigen:

Ihr Monitor verwendet RGB (Rotes, Grünes, Blaues Licht)
Drucker verwenden CMYK (Cyan, Magenta, Gelb, Schwarz Tinte)
Designer bevorzugen oft HSL (Farbton, Sättigung, Helligkeit)
Webentwickler verwenden HEX-Codes (#FF5733)

Das Verständnis von Farbkonvertierung hilft Ihnen, konsistente Farben über Bildschirme, Druck und verschiedene Software hinweg zu erhalten.

RGB: Die Sprache der Bildschirme

RGB mischt rotes, grünes und blaues Licht, um Farben zu erzeugen. Jeder Kanal reicht von 0-255.

Rot:   (255, 0, 0)     → Reines Rot
Grün:  (0, 255, 0)     → Reines Grün
Blau:  (0, 0, 255)     → Reines Blau
Weiß:  (255, 255, 255) → Alle Farben auf Maximum
Schwarz: (0, 0, 0)     → Kein Licht

Warum 255? Jeder Kanal verwendet 8 Bits (2^8 = 256 Werte, von 0-255). Das ergibt 16,7 Millionen mögliche Farben!

Schneller Tipp: Gleiche RGB-Werte erzeugen Grautöne. (128, 128, 128) ist mittleres Grau.

HEX: RGB in Verkleidung

HEX-Codes sind nur RGB-Werte in Hexadezimal (Basis-16) geschrieben.

#FF5733
 ││││││
 ││││└┴── Blau: 33 (hex) = 51 (dezimal)
 ││└┴──── Grün: 57 (hex) = 87 (dezimal)
 └┴────── Rot: FF (hex) = 255 (dezimal)

Kurzschreibweise:

#FF5733 → Vollständige Form
#F53 → Kurzform (jede Ziffer verdoppelt)

HSL: Die Wahl der Designer

HSL beschreibt Farbe auf intuitivere Weise:

Hue (Farbton): Die Farbe selbst (0-360° auf dem Farbkreis)
Saturation (Sättigung): Wie lebendig die Farbe ist (0-100%)
Lightness (Helligkeit): Wie hell die Farbe ist (0-100%)

Warum Designer HSL lieben:

Helleren Farbton gewünscht? Einfach Helligkeit erhöhen
Gedämpfte Version gewünscht? Sättigung verringern
Andere Farbe gewünscht? Farbton drehen

Barrierefreiheits-Erinnerung: Prüfen Sie immer Farbkontrastverhältnisse! Text sollte mindestens 4,5:1 Kontrast zum Hintergrund haben für WCAG AA Konformität.

CMYK: Für den Druck

CMYK verwendet subtraktive Farbmischung (Tinte absorbiert Licht):

Cyan
Magenta
Yellow (Gelb)
K (Schwarz - "Key")

RGB → CMYK ist verlustbehaftet!
Einige lebhafte Bildschirmfarben können nicht gedruckt werden.

Druck-Tipps:

Wenn das Endergebnis Druck ist, in CMYK designen
RGB früh in CMYK umwandeln, um "echte" Druckfarben zu sehen
Tiefes Schwarz für große Flächen: C:60 M:40 Y:40 K:100

Profi-Tipps

🎯 Für Webentwicklung:

CSS Custom Properties für Farbthemen verwenden
Farben in Hell- und Dunkelmodus testen
Farbenblinde Benutzer berücksichtigen (8% der Männer!)

🎨 Für Design: