Farbkonverter — HEX, RGB, HSL, HSV und CMYK umwandeln

So verwenden Sie Farbkonverter — HEX, RGB, HSL, HSV, CMYK

1. 1

   Gib einen Hex-Code ein oder lege RGB-, HSL-, HSV- oder CMYK-Werte direkt fest — je nachdem, in welchem Format deine Farbe bereits vorliegt.

2. 2

   Alle anderen Formate aktualisieren sich sofort, während du tippst oder einen Wert änderst.

3. 3

   Passe den Alpha-Regler an, wenn du eine durchsichtige Farbe brauchst — das Hex-Feld erweitert sich automatisch auf 8 Stellen, und die RGB-/HSL-Strings wechseln zu rgba()/hsla().

4. 4

   Prüfe die Live-Vorschau des Farbmusters (auf einem Schachbrettmuster dargestellt, damit Transparenz sichtbar ist), um sicherzugehen, dass das Ergebnis stimmt.

5. 5

   Klicke auf eine Kopieren-Schaltfläche, um den Hex-Code, den rgb()/rgba()-String oder den hsl()/hsla()-String direkt in die Zwischenablage zu kopieren.

Warum Farbkonverter — HEX, RGB, HSL, HSV, CMYK verwenden?

Farbwerte bleiben selten lange in nur einem Format: Ein Designer übergibt einen Hex-Code aus einer Figma-Datei, ein Entwickler braucht ihn als rgba()-String für eine CSS-Variable mit Transparenz, und eine Druckerei möchte CMYK-Prozentwerte für einen Offsetdruck — und die manuelle Umrechnung zwischen diesen fünf Darstellungen (HEX, RGB, HSL, HSV/HSB, CMYK) bedeutet, sich Formeln zu merken, die die meisten Menschen einmal nachgeschlagen und danach wieder vergessen haben. Dieses Tool nimmt diese Reibung heraus: Bearbeite die Farbe in dem Format, das dir gerade vorliegt, und jedes andere Format wird sofort neu berechnet — mit derselben Standard-Umrechnungsmathematik, die auch in Design- und Browser-Tools verwendet wird. Da das Tool intern nur eine einzige, maßgebliche Farbe verfolgt und jedes angezeigte Format daraus ableitet, geraten die Werte nie aus dem Gleichgewicht, wie es beim manuellen erneuten Eintippen eines umgerechneten Werts in ein zweites Tool leicht passieren kann. HSV/HSB und CMYK sind gezielt enthalten, weil sie in anderen Zusammenhängen auftauchen als die webnativen Formate HEX/RGB/HSL — HSV etwa in vielen Farbwählern von Designsoftware (zum Beispiel dem klassischen Rad-und-Regler-Dialog von Photoshop), und CMYK überall dort, wo eine Farbe zu physischer Druckfarbe statt zu einem Bildschirmpixel werden soll.