Was ist Farbcode-Konverter?

Der Farbcode-Konverter wandelt jeden Farbwert gleichzeitig in HEX, RGB, HSL, CMYK und HSV um. Tippe einen Code ein, füge einen CSS-Namen wie rebeccapurple ein, oder klicke auf die Kachel, um eine Farbe visuell zu wählen. Alle anderen Formate aktualisieren sich sofort, sodass du nur noch das Format kopierst, das dein Stylesheet oder die Druckerei verlangt.

Gib oder füge einen Farbwert in einem beliebigen Format ein (#FF5733, rgb(255,87,51), hsl(11,100%,60%), cmyk(0%,66%,80%,0%), hsv(11,80%,100%)) oder einen CSS-Farbnamen wie tomato oder cornflowerblue. Das Werkzeug erkennt das Format und füllt die anderen vier aus. Die Farbkachel daneben bestätigt, dass die Eingabe korrekt interpretiert wurde, und ein Klick darauf öffnet die systemeigene Farbauswahl deines Geräts, sodass du jeden Ton visuell aufnehmen kannst. Praktisch, wenn die Designdatei ein Format liefert, dein Stylesheet, dein Designprogramm oder die Druckerei aber ein anderes erwartet.

Anleitung

1. Schritt 1 - Gib einen Farbwert in einem beliebigen unterstützten Format ein oder einen CSS-Farbnamen wie tomato (z. B. #FF5733, rgb(255,87,51), hsl(11,100%,60%)).
2. Schritt 2 — Das Tool erkennt automatisch das Eingabeformat und konvertiert es in Echtzeit in alle anderen Formate.
3. Schritt 3 - Kopiere einen beliebigen umgerechneten Wert per Klick, oder klicke auf die Farbvorschau, um eine visuelle Farbauswahl zu öffnen und einen neuen Ton aufzunehmen.

Wann verwenden

• Marken-HEX vor der Druckabgabe in CMYK umrechnen.
• Einen RGB-Wert aus einem Screenshot zurück in HEX für das CSS überführen.
• Den HSL-Ton der Designerin gegen den Referenz-HEX aus dem Brand Guide prüfen.

Ergebnis

Ein Webentwickler hat die Markenfarbe #2196F3 aus einer Designdatei und benötigt den RGB-Wert für eine CSS-Animation — das Tool zeigt sofort rgb(33, 150, 243) zusammen mit HSL- und CMYK-Entsprechungen an.

Häufige Fragen

Warum weichen die CMYK-Werte leicht von meiner Drucksoftware ab?

Bildschirme arbeiten additiv mit RGB, Druck subtraktiv mit CMYK. Das Tool nutzt die Standardformel, doch kommerzielle Druckprofile (Coated FOGRA39, GRACoL) verschieben die Werte je nach Tinte und Papier um wenige Prozent. Nimm den ausgegebenen CMYK als nahegelegenen Startwert.

Was passiert bei einer ungültigen Eingabe wie #ZZZ?

Die anderen Felder bleiben leer und die Farbkachel zeigt nichts an. Ausgaben aktualisieren sich nur, wenn die Eingabe zu einem gültigen Muster aus HEX, RGB, HSL oder CMYK passt, sodass keine irreführende Halbumrechnung erscheint.

Funktionieren kurze HEX wie #F53?

Ja. Der dreistellige HEX ist die Kurzform des sechsstelligen: #F53 entspricht #FF5533, der Konverter akzeptiert beide. Die Ausgabe steht immer in der vollen sechsstelligen Variante, damit beim Kopieren an andere Stellen keine Mehrdeutigkeit entsteht.

Was unterscheidet HSL von HSV?

Beide beginnen mit dem Farbton, aber HSL beschreibt die Helligkeit von Schwarz nach Weiß, während HSV (auch HSB) die Helligkeit relativ zur reinen Farbe angibt. Dieser Konverter zeigt jetzt HSL und HSV nebeneinander an, weil CSS HSL nutzt und Photoshop HSV, und Designer häufig zwischen beiden umrechnen müssen.

Unterstützt der Konverter Transparenz oder Alpha?

In diesem Konverter nicht. HEX, RGB, HSL und CMYK gelten hier immer als deckend. Für Transparenz greifst du auf achtstelliges HEX (#RRGGBBAA) oder rgba() zurück, beide liegen außerhalb der vier Formate, die dieses Tool gegeneinander umrechnet.

Ähnliche Tools