HEX ↔ RGB ↔ HSL-Konverter

Konvertieren Sie Farben sofort zwischen HEX, RGB und HSL mit einem Live-Farbfeld. Bearbeiten Sie ein beliebiges Feld – die anderen bleiben synchron.

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

Konvertieren Sie Farben sofort zwischen HEX, RGB und HSL mit einem Live-Farbfeld.
Läuft in Ihrem Browser
Kostenlose Nutzung

Anleitung

Geben Sie einen HEX-, RGB- oder HSL-Wert ein.
Sehen Sie, wie die anderen Formate automatisch aktualisiert werden.
Kopieren Sie das benötigte Format.

How this tool works

Geben Sie einen HEX-, RGB- oder HSL-Wert ein.
Sehen Sie, wie die anderen Formate automatisch aktualisiert werden.
Kopieren Sie das benötigte Format.

Recommended settings

Verwenden Sie zunächst die Standardoptionen und passen Sie sie dann bei Bedarf an

Supported formats

Text / on-page input

File size and limits

Sehr komplexe mehrschichtige Vorschauen wirken sich auf älteren Telefonen möglicherweise langsamer aus.

Privacy

Farb- und CSS-Generatoren laufen vollständig in Ihrem Browser. Vorschauen und Konvertierungen laden Ihre Stile niemals hoch.

Common use cases

Verwenden Sie den HEX ↔ RGB ↔ HSL-Konverter, wann immer Sie ihn brauchen: Konvertieren Sie Farben sofort zwischen HEX, RGB und HSL mit einem Live-Farbfeld.

Troubleshooting

Die Vorschau sieht nach dem Einfügen anders aus

Überprüfen Sie Ihre Seite auf konkurrierendes CSS (Zurücksetzungen, geerbte Farben). Kopieren Sie die generierte Regel zunächst in ein isoliertes Stylesheet.

FAQ

Lädt dies mein CSS hoch?

Nein. Generatoren und Konverter laufen in Ihrem Browser mit Live-Vorschau.

Brauche ich ein Konto?

Nein. Öffnen Sie das Tool, passen Sie die Steuerelemente an und kopieren Sie das CSS.