Farbcode-Umrechner
Farbcodes zwischen HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH und OKLCH umrechnen. Code einfügen, Farbe sehen und jedes Format mit einem Klick kopieren.
Beispiele:
Umrechnungen
CMYK ist eine einfache Umrechnung ohne ICC-Profil. Lassen Sie sich für Druckprojekte von Ihrer Druckerei eine profilbasierte Umrechnung geben.
So verwenden Sie den Farbcode-Umrechner
- Tippen oder fügen Sie eine Farbe in das Feld Eingabe ein. Das Format wird automatisch erkannt:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)oder ein Name wietomato. - Die Umrechnungen erscheinen schon beim Tippen. Sie können auch die Eingabetaste drücken oder auf Umrechnen klicken.
- Sehen Sie sich das Farbfeld an: Es zeigt die Farbe und das Erkannte Format, damit Sie wissen, wie Ihre Eingabe gelesen wurde.
- Klicken Sie neben dem gewünschten Format auf Kopieren. Mit den Beispiel-Buttons probieren Sie gängige Eingaben aus.
Die Umrechnung läuft vollständig in Ihrem Browser.
Unterstützte Formate
| Format | Beispiel | Typische Verwendung |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, Designtools |
| RGB | rgb(255, 99, 71) |
CSS, Code, Bildbearbeitung |
| HSL | hsl(9, 100%, 64%) |
CSS, Helligkeit anpassen |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, Farbwähler |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
Druck (siehe Hinweis unten) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), Farbwissenschaft |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
modernes CSS, Designsysteme |
Die Ausgaben in HEX, RGB, HSL, HWB, LAB, LCH und OKLCH sind gültiges CSS, das Sie direkt in ein Stylesheet einfügen können. HSV und CMYK sind keine CSS-Schreibweisen; sie werden zur besseren Lesbarkeit im üblichen Funktionsstil ausgegeben. In CSS-Werten steht immer ein Dezimalpunkt, kein Komma.
Enthält Ihre Eingabe Transparenz (zum Beispiel rgb(255 0 0 / 50%)), bleibt sie erhalten: HEX wird zu einem achtstelligen Code wie #FF000080, die übrigen Formate erhalten einen Alphawert.
So funktionieren die Umrechnungen
RGB, HEX, HSL, HSV und HWB sind verschiedene Schreibweisen derselben sRGB-Werte und lassen sich daher exakt (bis auf Rundung) ineinander umrechnen. LAB und LCH folgen der Definition von CSS Color 4 mit dem Weißpunkt D50 und chromatischer Adaption nach Bradford. Manche Online-Umrechner verwenden stattdessen D65, deshalb können deren LAB-Werte für dieselbe Farbe um einige Einheiten abweichen. OKLCH nutzt das Oklab-Modell von Björn Ottosson, das auch Browser für oklch() verwenden.
Geben Sie eine LAB-, LCH- oder OKLCH-Farbe ein, die für einen normalen Bildschirm zu gesättigt ist, liegt sie außerhalb des sRGB-Farbraums und hat kein HEX-Gegenstück. Das Tool zeigt dann einen Hinweis und bildet sie auf die nächstgelegene darstellbare Farbe ab, indem es die Buntheit (Chroma) verringert und Helligkeit und Farbton beibehält.
CMYK ist eine Näherung
Die CMYK-Werte verwenden die einfache Formel K = 1 − max(R, G, B) und C = (1 − R − K) / (1 − K), entsprechend für M und Y. Es ist kein ICC-Profil beteiligt, die Zahlen sagen also nicht voraus, was eine bestimmte Druckmaschine druckt. Für professionelle Druckprojekte rechnen Sie in Ihrer Layoutsoftware mit dem Profil Ihrer Druckerei um (zum Beispiel FOGRA39 oder GRACoL). Die Rückrechnung von CMYK nach RGB nutzt die Umkehrformel R = (1 − C)(1 − K).
Häufige Fragen
Wie rechne ich HEX von Hand in RGB um?
Teilen Sie den Code in drei Paare und rechnen Sie jedes vom Sechzehner- ins Zehnersystem um. Für #FF6347: FF = 255, 63 = 99, 47 = 71, die Farbe ist also rgb(255, 99, 71).
Was ist der Unterschied zwischen HSL und HSV?
Beide verwenden einen Farbtonwinkel und eine Sättigung. Der dritte Wert ist bei HSL die Helligkeit (Lightness: 50 % ist die reine Farbe, 100 % ist Weiß), bei HSV der Hellwert (Value: 100 % ist je nach Sättigung die reine Farbe oder Weiß). Dieselbe Farbe hat deshalb in beiden Modellen unterschiedliche Sättigungswerte.
Warum weicht mein LAB-Wert von einem anderen Umrechner ab?
Höchstwahrscheinlich wegen des Weißpunkts. Dieses Tool verwendet D50 wie CSS lab(). Umrechner auf Basis von D65 liefern leicht andere Zahlen. Beide sind in ihrem jeweiligen Bezugssystem korrekt.
Kann ich CMYK in HEX umrechnen?
Ja. Geben Sie etwa cmyk(0%, 61%, 72%, 0%) oder cmyk(0, 0.61, 0.72, 0) ein. Denken Sie daran, dass das Ergebnis eine Näherung ohne Farbprofil ist.
Werden Farben ohne #-Zeichen erkannt?
Ja. ff6347, f64 und sogar drei durch Kommas getrennte Zahlen wie 255, 99, 71 werden erkannt.
Ähnliche Tools
- Farbwähler Kostenloser Online-Farbwähler. Wählen Sie eine Farbe und kopieren Sie ihre HEX-, RGB-, HSL-, HSV- und CMYK-Codes, mit Kontrastwerten auf Weiß und Schwarz.
- Farbpaletten-Generator Erstellen Sie Farbpaletten aus einer Grundfarbe nach den Regeln der Farbharmonie – komplementär, analog, triadisch, tetradisch, Quadrat und monochrom.
- Farbe aus Bild bestimmen Laden Sie ein Bild und klicken Sie auf einen Pixel, um seine Farbe als HEX, RGB, HSL, HSV und CMYK zu erhalten. Mit Lupe, Mittelwert und Farbliste im Browser.