Toolipedia Einbetten
DE
← Alle Text-Tools

HEX-in-HSL-Konverter

Wandeln Sie HEX-Farben in HSL um, mit helleren und dunkleren Abstufungen.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über HEX-in-HSL-Konverter

Wandeln Sie eine HEX-Farbe wie #3b82f6 in Werte für Farbton, Sättigung und Helligkeit um. HSL lässt sich von Hand leichter anpassen als HEX: Erhöhen Sie die Helligkeit für eine hellere Tönung, senken Sie sie für eine dunklere Schattierung. Das Tool listet außerdem hellere und dunklere Stufen desselben Farbtons für schnelle Paletten auf.

So verwenden Sie HEX-in-HSL-Konverter

  1. Gib einen HEX-Code wie #3366cc in das Eingabefeld ein oder füge ihn ein.
  2. Lies den daneben angezeigten HSL-Wert ab und kopiere ihn.
  3. Sieh dir die unten aufgeführten helleren und dunkleren Töne an und kopiere die, die du möchtest.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Was bedeuten die drei HSL-Zahlen?

Der Farbton (Hue) ist der Farbwinkel von 0 bis 360 auf dem Farbkreis, die Sättigung ist die Intensität in Prozent, und die Helligkeit reicht von 0 Prozent Schwarz bis 100 Prozent Weiß.

Warum sollte ich in meinem CSS HSL statt HEX nutzen?

HSL macht kleine Änderungen einfach. Für eine hellere oder dunklere Version einer Farbe änderst du nur die Helligkeitszahl, während du bei HEX alle drei Kanäle neu berechnen müsstest.

Kann ich einen HEX-Code ohne das Rautezeichen eingeben?

Meist ja, aber wird ein Code nicht erkannt, füge das führende # hinzu und prüfe, dass er 3 oder 6 gültige Zeichen hat, die nur 0 bis 9 und A bis F nutzen.

Ist HEX-in-HSL-Konverter kostenlos?

Ja. HEX-in-HSL-Konverter auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Kann ich HEX-in-HSL-Konverter auf meiner eigenen Website einsetzen?

Ja. Nutze unter dem Tool die Schaltfläche „Auf deiner Website einbetten“, um ein kurzes Stück Code zu kopieren und in deine Seite einzufügen. Es ist kostenlos, braucht kein Konto, und das Tool funktioniert weiter innerhalb deiner Seite.

Ähnliche Tools