// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Preview
Values
Häufig gestellte Fragen
Welche Formate unterstützt er?
HEX (#FF5733), RGB, HSL und OKLCH.
Zeigt er die Farbe an?
Ja, er zeigt eine Vorschau zusammen mit den konvertierten Werten.
Funktioniert es mit CSS-Farben?
Ja, er akzeptiert jedes gültige CSS-Farbenformat.
Farbformate erklärt
HEX-Farbcodes verwenden ein Rautenzeichen gefolgt von sechs Hexadezimalziffern (z. B. #FF5733). Jede Farbe wird durch Rot, Grün und Blau in zwei Stellen dargestellt. Dies ist das gängigste Format im Webdesign.
RGB (Red Green Blue) gibt die Farbkanäle als Dezimalwerte von 0-255 an, z. B. rgb(255, 87, 51). HSL (Hue Saturation Lightness) beschreibt Farben durch Farbton (0-360°), Sättigung (0-100%) und Helligkeit (0-100%).
Jedes Format hat seine Stärken: HEX ist kompakt und wird in CSS bevorzugt, RGB ist intuitiv für mischende Farben, und HSL eignet sich hervorragend für die systematische Farbwahl.
Wann sollte man welches Format verwenden?
HEX-Farbcodes sind der Standard in CSS-Dateien und Design-Tools. Wenn Sie Farbcodes aus Design-Systemen übernehmen, arbeiten Sie am besten mit HEX, da es die gängigste Austauschform ist.
RGB ist ideal, wenn Sie Farben programmatisch berechnen oder mischen möchten. Die drei Kanäle lassen sich einzeln verändern, um Abstufungen zu erzeugen.
HSL eignet sich am besten für die Farbwahl und Erstellung von Farbpaletten. Die intuitive Struktur aus Farbton, Sättigung und Helligkeit macht es leicht, harmonische Farbkombinationen zu finden.