Farbumrechner
Farben zwischen HEX, RGB, HSL, HSV, OKLCH und CMYK umrechnen
- Dateien verlassen Ihr Gerät nicht
- Läuft im Browser
- Kostenlos, ohne Anmeldung, ohne Wasserzeichen
#FF8000oklch(73.19% 0.1858 52.98)
Nächster CSS-Farbname
darkorangeΔE 3.9
Formate
Lab und LCH verwenden den Weißpunkt D50, wie CSS lab() und lch(). CMYK ist hier eine einfache Formel ohne ICC-Profil. Exakte Werte erfahren Sie von Ihrer Druckerei.
Aufhellungen & Abdunklungen
Klicken Sie auf ein Feld, um den HEX-Wert zu kopieren. Gemischt mit Weiß und Schwarz in OKLab, damit die Stufen gleichmäßig wirken.
So verwenden Sie: Farbumrechner
Rechnen Sie eine Farbe zwischen HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK und Display P3 um. Ändern Sie ein Format, ziehen alle anderen mit; dazu sehen Sie den nächsten CSS-Farbnamen und eine Reihe von Aufhellungen und Abdunklungen.
- 1
Geben Sie bei „Beliebige Farbe einfügen oder eintippen“ eine Farbe ein, etwa #ff8000, rgb(255 128 0), oklch(70% 0.19 50) oder tomato.
- 2
Alternativ starten Sie mit „Farbwähler öffnen“, „Vom Bildschirm“ oder „Zufällige Farbe“.
- 3
Lesen oder bearbeiten Sie die Werte unter „Formate“; jede Änderung aktualisiert alle anderen Felder.
- 4
Stellen Sie mit dem Regler „Deckkraft“ die Transparenz ein und aktivieren Sie „Moderne CSS-Syntax“ für Schreibweisen wie rgb(255 128 0 / 50%).
- 5
Klicken Sie auf das Kopiersymbol neben einem Format oder auf ein Feld unter „Aufhellungen & Abdunklungen“, um dessen HEX-Wert zu kopieren.
Häufige Fragen
Warum heißt es, die Farbe liege außerhalb von sRGB?
Mit OKLCH, Lab und Display P3 lassen sich Farben beschreiben, die die meisten Bildschirme nicht darstellen können. HEX, RGB, HSL und die übrigen sRGB-Formate zeigen dann die nächste darstellbare Farbe, per CSS-Gamut-Mapping unter Erhalt von Helligkeit und Farbton; der Hinweis nennt zusätzlich das Ergebnis einfachen Abschneidens.
Sind die CMYK-Werte druckgenau?
Nein. CMYK wird hier mit einer einfachen Formel ohne ICC-Profil berechnet. Exakte Werte erfragen Sie bei Ihrer Druckerei.
Welchen Weißpunkt verwenden Lab und LCH?
D50, wie CSS lab() und lch(). Die Werte lassen sich direkt in ein Stylesheet übernehmen.
Warum sehe ich die Schaltfläche „Vom Bildschirm“ nicht?
Sie nutzt die EyeDropper-API des Browsers, die Chromium-Browser wie Chrome und Edge bereitstellen. Wo sie fehlt, wird die Schaltfläche ausgeblendet; nutzen Sie dann den Farbwähler oder fügen Sie einen Wert ein.
Wird etwas gespeichert?
Die letzte Farbe und die Einstellung „Moderne CSS-Syntax“ bleiben im lokalen Speicher Ihres Browsers erhalten. An einen Server wird nichts gesendet.