Hex ↔ RGB ↔ HSL Farbkonverter — Kostenloses Online-Tool
Konvertieren Sie zwischen Hex-, RGB- und HSL-Farbformaten in Echtzeit. Alle drei aktualisieren sich gleichzeitig beim Bearbeiten. Integrierter Farbwähler und CSS-Export.
HEX
RGB
HSL
Hex ↔ RGB ↔ HSL Farbkonverter — Drei Formate, Ein Tool
Konvertieren Sie jede Farbe zwischen Hex (#RRGGBB), RGB (Rot/Grün/Blau 0–255) und HSL (Farbton/Sättigung/Helligkeit) sofort. Geben Sie einen Hex-Code ein, nutzen Sie den Picker, oder passen Sie die RGB/HSL-Zahlen direkt an — alle drei Formate bleiben synchron. Alles läuft in Ihrem Browser.
Die drei Formate erklärt
- HEX (#RRGGBB): der Web-Standard. Sechs Hex-Ziffern für Rot, Grün, Blau. Beispiel:
#585BE8 - RGB: drei Werte von 0 bis 255. Entspricht direkt der Pixel-Intensität. Beispiel:
rgb(88, 91, 232) - HSL: Farbton (0–360°), Sättigung (0–100%), Helligkeit (0–100%). Ideal für Paletten. Beispiel:
hsl(239, 76%, 63%)
Tipps
- HSL für Variationen: dunklerer Ton? L reduzieren. Gedämpft? S reduzieren. Der Farbton bleibt exakt
- 3-stellige Hex-Kürzel funktionieren:
#F00=#FF0000= Rot - Farbwähler: klicken Sie auf das Farbfeld für die OS-Farbauswahl
Häufige Anwendungen
- Farben aus Screenshots in CSS übertragen
- Design-System mit konsistenten Variationen bauen
- Zwischen Design-Tool-Formaten übersetzen
- Barrierefreie Farbkontraste generieren
Datenschutz
Alles läuft in Ihrem Browser. Keine Farben werden hochgeladen.
Schritt für Schritt
- Geben Sie einen Farbwert in einem der drei Formate ein: HEX, RGB oder HSL.
- Die beiden anderen Formate werden sofort aktualisiert.
- Übernehmen Sie das passende Format mit HEX kopieren, RGB kopieren oder HSL kopieren.
Häufige Fragen
Wann nehme ich HSL statt HEX?
HSL ist praktisch, wenn Sie Varianten einer Farbe erzeugen wollen, zum Beispiel heller, dunkler oder weniger gesättigt. Dafür ändern Sie nur Sättigung oder Helligkeit.
Wie hängen HEX und RGB zusammen?
HEX ist dieselbe Information wie RGB in hexadezimaler Schreibweise. Zwei Stellen stehen jeweils für Rot, Grün und Blau.
Gibt es einen Farbwähler?
Ja, ein integrierter Farbwähler erlaubt die Auswahl per Klick.