Farbcode-Konverter — Kostenlos Online
Konvertieren Sie Farben zwischen HEX, RGB, HSL, HSV und CMYK.
Who uses the Farbcode-Konverter?
- Frontend-Entwickler, die einen HEX-Farbwert aus einem Design-Tool in RGB oder HSL für eine CSS-Variable umwandeln.
- Studierende, die lernen, wie HEX, RGB und HSL dieselbe Farbe unterschiedlich darstellen.
- Designer, die einen aus einem Styleguide oder Screenshot kopierten Farbwert überprüfen.
How the Farbcode-Konverter works
Wählen Sie einen Tab — HEX, RGB oder HSL — passend zum Format Ihrer Farbe.
Geben Sie den Wert ein: einen HEX-Code wie #FF5733 oder numerische R/G/B- bzw. H/S/L-Felder.
Die anderen beiden Formate und die Farbmuster-Vorschau aktualisieren sich automatisch während der Eingabe.
Lesen Sie die HEX-, RGB- und HSL-Werte aus der Ergebniszeile unter dem Farbmuster ab.
Tips & tricks
- Wechseln Sie den Tab passend zu Ihrem Eingabeformat — die Felder unter jedem Tab sind unabhängig, kein einziges universelles Eingabefeld.
- Das Farbmuster aktualisiert sich live, sodass Sie einen konvertierten Wert visuell prüfen können, bevor Sie ihn kopieren.
- HSL ist oft einfacher, um Helligkeit oder Intensität einer Farbe anzupassen — erhöhen Sie L zum Aufhellen, verringern Sie S zum Abschwächen.
- Es gibt keinen Alpha-/Transparenzkanal — für CSS mit Transparenz fügen Sie den Alpha-Wert nach der Konvertierung manuell hinzu (z. B. rgba(r, g, b, 0.5)).
Frequently Asked Questions
Welche CSS-Farbformate unterstützt dieses Tool?
Dieses Tool konvertiert zwischen HEX (3- oder 6-stellig), RGB und HSL — den drei gängigsten CSS-Farbformaten. Es unterstützt derzeit keine RGBA-/HSLA-Alphakanäle, HSB/HSV, CMYK oder benannte CSS-Farben wie „coral“.
Was ist der Unterschied zwischen RGB und HSL?
RGB definiert eine Farbe über ihre Rot-, Grün- und Blauanteile (jeweils 0–255). HSL definiert sie über Farbton (0–360°), Sättigung (0–100 %) und Helligkeit (0–100 %) — oft intuitiver zum Anpassen einer Farbe, da Sie aufhellen oder entsättigen können, ohne RGB neu zu berechnen.
Wie konvertiere ich eine benannte CSS-Farbe wie „coral“ in HEX?
Dieses Tool schlägt benannte Farben nicht nach — geben Sie stattdessen direkt den HEX-Wert ein (coral = #FF7F50). Den HEX-Wert einer benannten Farbe finden Sie in der CSS Color Module-Spezifikation oder in jedem Browser-Farbwähler.
Was ist HSB/HSV und unterstützt dieses Tool es?
HSB (Hue, Saturation, Brightness), auch HSV genannt, wird in Photoshop und vielen Design-Tools verwendet — ähnlich wie HSL, definiert aber den dritten Kanal anders. Dieses Tool konvertiert nur HEX/RGB/HSL; falls Ihre Quelle HSB ist, konvertieren Sie zuerst in Ihrem Design-Tool.
Kann ich Farben mit CSS-Custom-Properties (Variablen) konvertieren?
Geben Sie den tatsächlichen Farbwert ein, nicht den Variablennamen. Lösen Sie --my-color zuerst zu seinem Wert auf und konvertieren Sie dann. Das Tool arbeitet mit tatsächlichen Farbwerten, nicht mit CSS-Variablenreferenzen.
Is my data safe when using the Farbcode-Konverter?
Completely safe. The Farbcode-Konverter processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Farbcode-Konverter output in commercial projects?
Yes. The Farbcode-Konverter is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Farbcode-Konverter follow official standards?
Yes. The Farbcode-Konverter is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.