Color Converter

Über dieses Tool

HEX — 6-stellige Hexadezimaldarstellung, weit verbreitet in CSS und Design-Tools. RGB — Rot-, Grün-, Blauwerte von 0–255, das native Format für Bildschirme. HSL — Farbton (0–360°), Sättigung (0–100%), Helligkeit (0–100%); intuitiver für Farbanpassungen. CMYK — Cyan-, Magenta-, Gelb-, Schlüssel(Schwarz)-Prozentwerte; verwendet im Druckdesign.

Tippen Sie direkt in ein bearbeitbares Feld und drücken Sie Enter oder klicken Sie weg, um zu konvertieren. Nutzen Sie den Farbwähler oder Vorgabe-Swatches für schnelle Auswahl.

Anleitung

1. Klicken Sie auf den Farbwähler oder einen Vorgabe-Swatch, um eine Ausgangsfarbe zu wählen.
2. Geben Sie einen Wert in ein HEX-, RGB- oder HSL-Feld ein und drücken Sie Enter.
3. Klicken Sie auf Kopieren neben einem Format, um den Wert zu kopieren.

Anwendungsfälle

Frontend-Entwickler konvertieren Design-Tool-Farben (oft HEX) in CSS-Variablen. Druckdesigner konvertieren Bildschirmfarben in CMYK.

Häufige Fragen

• Warum hat CMYK kein Eingabefeld? — CMYK ist ein subtraktives Farbmodell für den Druck. Die Rückkonvertierung von CMYK zu RGB/HEX ist verlustbehaftet, daher wird nur RGB→CMYK angezeigt.
• Werden HSL-Werte gerundet? — Ja, zur Anzeige auf die nächste ganze Zahl.
• Was ist der Unterschied zwischen HSL und HSV/HSB? — HSL verwendet Helligkeit (0%=Schwarz, 100%=Weiß, 50%=Reinfarbe). HSV/HSB verwendet Wert/Helligkeit. Dieses Tool verwendet HSL.