Webentwicklung
Color Converter
Farbkonvertierung zwischen HEX, RGB, HSL, HSV/HSB und CMYK — geben Sie einen Wert in ein beliebiges Feld ein, die anderen werden sofort aktualisiert.
Dieselbe Farbe lässt sich je nach Kontext unterschiedlich schreiben: HEX und RGB sind praktisch für Code, HSL ist intuitiv zum Anpassen von Farbton und Helligkeit, CMYK ist für den Druck. Dieses Tool konvertiert zwischen allen gleichzeitig.
So verwendest du es
- Gib einen Wert in ein beliebiges Feld ein (HEX, RGB, HSL, HSV/HSB oder CMYK) — alle anderen Formate aktualisieren sich sofort.
- Der Button „Zufallsfarbe" erzeugt einen zufälligen Farbton, um schnell eine Palette zu durchstöbern.
- Kopiere das benötigte Format mit einem Klick zum Einfügen in CSS oder einen Grafikeditor.
Welches Format wann verwenden
- HEX — eine kompakte Schreibweise für CSS und Designsysteme (#4453b8).
- RGB — wenn du Transparenz über rgba() oder programmatischen Zugriff auf einzelne Farbkanäle brauchst.
- HSL — am einfachsten für manuelle Anpassungen: eine Farbe aufhellen oder abdunkeln, indem nur ein Wert geändert wird.
- CMYK — für Materialien, die gedruckt werden, wo Farben subtraktiv gemischt werden, anders als das additive RGB am Bildschirm.
Was du wissen solltest
CMYK am Bildschirm ist nur eine Annäherung — die exakte gedruckte Farbe hängt von Drucker, Papier und verwendetem Farbprofil ab.
Die Umrechnung zwischen Farbräumen ist bei extremen, stark gesättigten Farben nicht immer exakt, aufgrund unterschiedlicher Gamut-Abdeckung der Modelle.
Artikel zu diesem Tool: HEX, RGB, HSL: warum es so viele Arten gibt, eine Farbe zu schreiben
Häufig gestellte Fragen
Wie geht der Konverter mit dem Alphakanal (Transparenz) um?
Alpha wird in HEX (#RRGGBBAA), RGBA und HSLA unterstützt — was Sie eingeben, überträgt sich auf die anderen Formate, die Transparenz unterstützen, während Formate ohne Alphakanal, wie einfaches CMYK, es einfach ignorieren.
Warum ändert sich der Wert leicht nach der Umwandlung in CMYK und zurück zu HEX?
CMYK ist ein druckorientiertes Modell ohne eine einzige feste Formel zur Umwandlung von und zu RGB, sodass ein Hin- und Rückweg die Werte um einen Rundungsfehler von ein oder zwei Einheiten verschieben kann; visuell bleibt die Farbe praktisch gleich.
Werden meine Farbdaten irgendwohin gesendet?
Nein, jede Konvertierung erfolgt lokal in Ihrem Browser mit JavaScript — nichts wird an einen Server hochgeladen.
Was ist der Unterschied zwischen OKLCH und HSL?
OKLCH beschreibt eine Farbe über Helligkeit (L), Chroma (C) und Farbton (H), berücksichtigt aber im Gegensatz zu HSL, wie das menschliche Auge Helligkeit tatsächlich wahrnimmt — eine Änderung von L in OKLCH verzerrt die wahrgenommene Sättigung der Farbe nicht, sodass Übergänge zwischen Farbtönen gleichmäßiger wirken.
Was bedeutet es, wenn eine Farbe „außerhalb der Gamut" (out of gamut) liegt?
Manche Farben in breiten Farbräumen wie OKLCH oder Display P3 lassen sich auf Displays, die nur sRGB unterstützen, physisch nicht wiedergeben — der Browser ersetzt sie dann durch die nächstliegende verfügbare Farbe innerhalb der unterstützten Gamut.