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.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
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.