Generierung
100% in Ihrem Browser
Farbkonverter
Farben zwischen HEX-, RGB- und HSL-Format sofort umrechnen. Inklusive Farbwähler und Live-Vorschau.
← klicken zum Öffnen
HEX
RGB
HSL
CSS-Werte
Farbkonverter
Rechnen Sie beliebige Farben sofort zwischen HEX-, RGB- und HSL-Format um. Verwenden Sie den Farbwähler zur visuellen Auswahl oder tippen Sie direkt in ein beliebiges Feld.
Farbformate erklärt
- HEX (#rrggbb): ein 6-stelliger Hexadezimalcode, der in HTML und CSS verwendet wird. Das häufigste Format im Webdesign.
- RGB (r, g, b): definiert Farben durch Rot-, Grün- und Blauintensität (je 0–255). Nativ für Bildschirme und digitale Anzeigen.
- HSL (Farbton, Sättigung, Helligkeit): ein intuitives Modell. Der Farbton ist der Winkel auf dem Farbrad (0–360°), die Sättigung die Intensität (0–100 %), die Helligkeit die Leuchtkraft (0–100 %).
Wann welches Format verwenden
- HEX in CSS-Stylesheets und Design-Tools (Figma, Photoshop).
- RGB bei Canvas, WebGL oder wenn numerische Kanalkontrolle benötigt wird.
- HSL beim Aufbau dynamischer Farbsysteme (z. B. Helligkeit für Dark Mode anpassen).
Schritt für Schritt
- Klicken Sie auf das Farbfeld, um eine Farbe auszuwählen, oder geben Sie einen Wert in HEX, RGB oder HSL ein.
- Die übrigen Formate und die Live-Vorschau werden sofort aktualisiert.
- Kopieren Sie mit CSS-Werte kopieren die Farbe als fertigen CSS-Code.
Häufige Fragen
Wie unterscheiden sich HEX, RGB und HSL?
HEX und RGB beschreiben die Mischung aus Rot, Grün und Blau, HEX in Hexadezimal-, RGB in Dezimalschreibweise. HSL beschreibt Farbton, Sättigung und Helligkeit.
Welchen Wertebereich hat der Farbton?
Der Farbton (H) reicht von 0 bis 360 Grad, Sättigung (S) und Helligkeit (L) von 0 bis 100 Prozent.
Wird die Farbe gespeichert?
Nein. Die Berechnung erfolgt in Ihrem Browser.