Farbkonverter
Konvertieren Sie eine Farbe zwischen HEX-, RGB- und HSL-Format mit Live-Farbvorschau - bearbeiten Sie einen Wert, die anderen aktualisieren sich sofort.
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
Häufig gestellte Fragen
Was ist der Unterschied zwischen RGB und HSL?
RGB beschreibt eine Farbe durch ihre Rot-, Grün- und Blauanteile (je 0-255). HSL beschreibt dieselbe Farbe durch Farbton (Position auf dem Farbkreis, 0-360°), Sättigung (Intensität, 0-100%) und Helligkeit (0-100%). HSL ist oft intuitiver, um eine Farbe anzupassen, etwa sie heller oder gedämpfter zu machen, ohne den Farbton zu ändern.
Kann ich einen 3-stelligen Hex-Code wie #fff eingeben?
Ja, kurze 3-stellige Hex-Codes werden automatisch erweitert, #fff wird vor der Umrechnung zu #ffffff.
Warum sollte ich HEX in HSL statt nur überall HEX zu verwenden umrechnen?
HSL erleichtert bestimmte CSS-Tricks, wie das Erzeugen konsistenter Farbabstufungen durch alleiniges Ändern des Helligkeitswerts, oder das Erstellen einer barrierefreien Farbpalette durch unabhängige Steuerung von Sättigung und Helligkeit vom Farbton.