Zum Inhalt springen
QuickToolio
esEspañolenEnglishptPortuguêsfrFrançaisdeDeutschitItaliano

HSL-Farbe in HEX umwandeln

Wandeln Sie HSL-Werte (Farbton, Sättigung, Helligkeit) in den entsprechenden Hexadezimalcode um, bereit für CSS.

Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.

HEX

#0B6F5B

Rechnet das HSL-Modell nach dem Standardalgorithmus in RGB und anschließend in die hexadezimale Darstellung um.

Anwendungsfälle

  • Eine in hsl() definierte Farbe für die Kompatibilität in HEX umwandeln.
  • Eine über Farbton und Helligkeit definierte Palette dokumentieren.
  • Farbvarianten erzeugen und ihren HEX-Wert erhalten.

So funktioniert's

  1. 1

    H, S und L einstellen

    Geben Sie den Farbton (0–360) sowie Sättigung und Helligkeit in Prozent ein.

  2. 2

    HEX kopieren

    Der Hexadezimalcode wird sofort berechnet.

Technische Details

  • Beispiel: hsl(210, 100 %, 50 %) → #0080FF.
  • Bei 0 % Helligkeit ist das Ergebnis immer Schwarz, bei 100 % Weiß, unabhängig vom Farbton; bei 0 % Sättigung erhalten Sie ein Grau.
  • HSL ist nicht wahrnehmungsgleich: Ein Gelb und ein Blau mit gleicher Helligkeit wirken nicht gleich hell. Prüfen Sie den Kontrast, wenn auf der Farbe Text stehen soll.
  • Da HEX nur ganze Zahlen kennt, kann eine Umrechnung HEX → HSL → HEX einen Kanal um eine Einheit verschieben.

Häufige Fragen

Welchen Wertebereich hat jeder Wert?

Der Farbton reicht von 0 bis 360 Grad; Sättigung und Helligkeit werden in Prozent von 0 bis 100 angegeben.

Ähnliche Tools

← Farben & Design