Farbwähler & Konverter
Wähle eine Farbe mit dem Farbrad, ziehe den Farbtonregler oder gib deinen HEX-/RGB-/HSL-Wert ein und erhalte sofort die Darstellung in allen Formaten mit Live-Vorschau.
Farbe auswählen
Ausgewählte Farbe
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)cmyk(76%, 47%, 0%, 4%)Beliebte Abfragen
So funktioniert: Farbwähler
- 1Wähle eine Farbe mit dem Farbwähler oder gib ihren HEX-Code ein.
- 2Lies ihre HEX-, RGB- und HSL-Werte ab.
- 3Kopiere das benötigte Format oder die Komplementärfarbe.
Wofür ist es gut?
- Farben aus einem Design in CSS übernehmen.
- Zwischen HEX, RGB und HSL umrechnen.
- Die Komplementärfarbe einer Markenfarbe finden.
Farbformate: HEX, RGB und HSL
Drei Schreibweisen
HEX (#1d4ed8) ist die kompakteste in CSS; RGB beschreibt die Mischung aus Rot, Grün und Blau von 0 bis 255; HSL gibt Farbton (0–360°), Sättigung und Helligkeit an und ist zum Anpassen intuitiver.
Warum HSL
Eine hellere oder dunklere Variante erhalten Sie, indem Sie nur die Helligkeit ändern, ohne den Farbton zu verschieben. Das ist mit HEX schwer und bildet die Basis vieler Designsysteme.
Transparenz
Mit Alphakanal (rgba oder 8-stelliges HEX) erhält die Farbe Deckkraft. Der tatsächliche Kontrast hängt vom Hintergrund ab.
Verwandte Tools
Häufig gestellte Fragen
Welches Format sollte ich in CSS verwenden?+
HEX und RGB sind am gebräuchlichsten. HSL ist leichter zu lesen und anzupassen. CMYK ist druckspezifisch.