Farbwert-Umrechner
Gib einen Farbwert in einem beliebigen Format ein – alle anderen werden sofort berechnet.
Farbwerte
R
G
B
C
M
Y
K
L (0–100)
a (−128–127)
b (−128–127)
Vorschau
#3B82F6
Werte kopieren
Farbwert umrechnen: HEX, RGB, CMYK und Lab erklärt
Farben werden in der digitalen und analogen Welt in völlig unterschiedlichen Farbmodellen beschrieben. Webentwickler arbeiten mit HEX-Farbcodes und RGB-Werten, Grafiker für den Druck mit CMYK, und Farbwissenschaftler mit CIE Lab. Dieser Farbwert-Umrechner konvertiert zwischen all diesen Farbräumen – direkt im Browser, ohne Installation.
Die Konvertierung zwischen Farbräumen ist nicht trivial, weil jedes Modell auf unterschiedlichen physikalischen Grundlagen basiert. RGB beschreibt Licht, das von einem Bildschirm ausgestrahlt wird (additives Farbmodell). CMYK beschreibt Farben, die auf Papier gedruckt werden (subtraktives Farbmodell). Und CIE Lab basiert auf der menschlichen Farbwahrnehmung, unabhängig von Ausgabegeräten.
Die wichtigsten Farbmodelle im Überblick
Jedes Farbmodell hat seinen spezifischen Einsatzbereich:
- →HEX (Hexadezimal): Der Standard für Web und CSS. Ein HEX-Code wie #3B82F6 besteht aus drei Paaren hexadezimaler Ziffern (00–FF), die den Rot-, Grün- und Blauanteil einer Farbe beschreiben. HEX ist nichts anderes als RGB in einer kompakteren Schreibweise.
- →RGB (Red, Green, Blue): Das additive Farbmodell für Bildschirme. Jeder Kanal hat einen Wert von 0–255. RGB(0,0,0) ist Schwarz (kein Licht), RGB(255,255,255) ist Weiß (volles Licht in allen Kanälen).
- →CMYK (Cyan, Magenta, Yellow, Key/Black): Das subtraktive Farbmodell für den Druck. Farben entstehen durch Subtraktion vom weißen Papier. CMYK(0,0,0,0) ist reines Weiß (kein Farbauftrag), CMYK(0,0,0,100) ist Schwarz.
- →HSL (Hue, Saturation, Lightness): Beschreibt Farben intuitiv nach Farbton (0–360°), Sättigung (0–100 %) und Helligkeit (0–100 %). Besonders nützlich für CSS-Animationen und Farbvariationen.
- →CIE Lab (L*a*b*): Ein geräteunabhängiges Farbmodell, das auf der menschlichen Wahrnehmung basiert. L* beschreibt die Helligkeit (0 = Schwarz, 100 = Weiß), a* die Grün-Rot-Achse und b* die Blau-Gelb-Achse. Lab ist ideal für Farbvergleiche, da gleiche numerische Abstände gleichen wahrgenommenen Farbunterschieden entsprechen.
Gammakorrektur und D65-Weißpunkt: Technische Hintergründe
Bei der Konvertierung von RGB nach Lab spielen zwei technische Konzepte eine wichtige Rolle:
Gammakorrektur (sRGB): Bildschirmfarben werden nicht linear gespeichert. Der sRGB-Farbraum verwendet eine Gamma-Kurve, die dafür sorgt, dass dunkle Töne präziser dargestellt werden als helle. Bevor RGB-Werte nach Lab konvertiert werden können, müssen sie in den linearen Farbraum umgewandelt werden (Linearisierung). Für Werte ≤ 0,04045 gilt: linear = sRGB / 12,92. Für größere Werte: linear = ((sRGB + 0,055) / 1,055)^2,4.
D65-Weißpunkt: Der Weißpunkt definiert, was als „neutrales Weiß" gilt. D65 entspricht dem mittleren Tageslicht in Europa (Farbtemperatur ca. 6.504 K). Die Normwerte sind X=95,047, Y=100,000, Z=108,883. Alle CIE Lab-Werte werden relativ zu diesem Referenzweiß berechnet, was den Farbraum geräteunabhängig macht.
Web vs. Druck: Warum unterscheiden sich Farben?
Ein häufiges Problem in der Medienproduktion: Eine Farbe sieht auf dem Bildschirm perfekt aus, wirkt aber im Druck ganz anders. Der Grund liegt im grundlegenden Unterschied zwischen additiver (RGB) und subtraktiver (CMYK) Farbmischung:
- →Bildschirme strahlen Licht aus und mischen Farben durch Addition. Mehr Licht = heller. Kräftige Leuchtfarben wie reines Cyan oder leuchtendes Orange sind auf Bildschirmen möglich, im Druck aber kaum reproduzierbar.
- →Druckfarben absorbieren Licht und mischen durch Subtraktion. Mehr Farbe = dunkler. Der CMYK-Farbraum (Gamut) ist deutlich kleiner als der sRGB-Farbraum.
- →Farben, die im RGB-Farbraum existieren, aber außerhalb des CMYK-Gamuts liegen, können beim Druck nicht exakt reproduziert werden. Der Drucker verwendet dann die nächstmögliche Farbe – was zu sichtbaren Abweichungen führt.
Für professionelle Druckprojekte empfiehlt es sich, bereits beim Design im CMYK-Modus zu arbeiten oder zumindest alle verwendeten Farben vor dem Druck zu konvertieren und auf einem kalibrierten Monitor zu prüfen.
Häufige Fragen zum Farbwert-Umrechner
Wie konvertiere ich HEX zu RGB?
Ein HEX-Code wie #1A2B3C wird in drei 2-stellige Hexadezimalpaare aufgeteilt: 1A, 2B, 3C. Jedes Paar wird in eine Dezimalzahl umgewandelt: 1A = 26, 2B = 43, 3C = 60. Ergebnis: RGB(26, 43, 60). Dieser Farbwert-Umrechner erledigt das automatisch – einfach den HEX-Code eingeben und alle anderen Formate werden sofort berechnet.
Was ist der Unterschied zwischen RGB und sRGB?
sRGB (standard RGB) ist ein standardisierter RGB-Farbraum, der 1996 von HP und Microsoft definiert wurde. Er ist der Standard für das Web und die meisten Consumer-Bildschirme. Im Gegensatz zu linearem RGB berücksichtigt sRGB eine Gammakorrektur, die dafür sorgt, dass Farben auf unterschiedlichen Bildschirmen möglichst gleich aussehen.
Warum sehen Farben auf verschiedenen Bildschirmen unterschiedlich aus?
Selbst mit identischen RGB-Werten können Farben auf verschiedenen Bildschirmen unterschiedlich wirken, weil Bildschirme unterschiedliche Farbprofile, Helligkeiten, Kontrastverhältnisse und Weißpunkte haben. Kalibrierte Bildschirme und ICC-Farbprofile helfen, diese Abweichungen zu minimieren. Für farbbindende Arbeit (z. B. Logodesign, Druckvorbereitung) ist ein kalibrierter Monitor unerlässlich.
Was sind CSS-Farbnamen und wie verhalten sie sich zu HEX?
CSS kennt 147 vordefinierte Farbnamen wie „red", „blue", „cornflowerblue" oder „rebeccapurple". Jeder Name entspricht einem festen HEX-Wert: „red" ist #FF0000, „blue" ist #0000FF. Für präzise Farbarbeit sind HEX-Codes oder RGB-Werte besser geeignet, da sie die exakte Farbe definieren.
Wie erkennt man, ob eine Farbe außerhalb des CMYK-Druckbereichs liegt?
Sehr leuchtende, sättigte Farben im RGB-Farbraum – insbesondere kräftiges Cyan, Grün oder Orange – liegen oft außerhalb des CMYK-Gamuts. Professionelle Software wie Adobe Illustrator zeigt eine Gamut-Warnung an. Beim Konvertieren dieser Farben nach CMYK werden sie auf die nächstmögliche druckbare Farbe reduziert, was zu einer sichtbaren Entsättigung führt.