⭐ 0
🔍
Text Bild PDF & Dokumente Audio Musik Elektronik Zeit Dienstprogramme Validatoren Esoterik Spiele

HEX-zu-HSL-Konverter

Konvertieren Sie jede Farbe zwischen HEX-, RGB-, HSL- und CMYK-Notation mit einem Live-Vorschau-Farbfeld – direkt in Ihrem Browser.

Verarbeitung... 0%
Farbwert analysieren
Farbräume konvertieren
Rendering-Vorschau
Fertig

Ergebnis

Auf dieser Seite wird der Farbkonverter mit vorgewähltem HEX geöffnet. Fügen Sie einen Code wie #3b82f6 ein und führen Sie ihn aus, um die gleiche Farbe wie hsl (Farbton, Sättigung, Helligkeit) zu lesen.

HSL beschreibt eine Farbe nach Farbton (0–360°), Sättigung und Helligkeit, was sie zur benutzerfreundlichsten CSS-Notation macht: Verdunkeln Sie eine Schaltfläche, indem Sie die Helligkeit verringern, oder erstellen Sie eine Palette, indem Sie nur den Farbton verschieben – Änderungen können mit HEX-Ziffern nicht lesbar dargestellt werden.

Der vollständige Konverter akzeptiert HEX-, RGB- oder HSL-Eingaben und gibt alle vier Notationen auf einmal zurück, mit einem nativen Farbwähler und einem Live-Farbfeld – alles geschieht in Ihrem Browser, sodass Farbwerte Ihr Gerät nie verlassen.

🛡️
Im Browser ausgeführt

Ihre Dateien und Eingaben verlassen dieses Gerät nie. Die Verarbeitung läuft vollständig offline. 100 % sicher.

Akzeptierte Formate & Regeln

  • Konvertiert zwischen HEX-, RGB-, HSL- und CMYK-Farbmodellen.
  • Nativer Farbwähler, der das Wertefeld im ausgewählten Format füllt.
  • Live-Vorschau und Kopie aller vier Notationen mit einem Klick.

Wichtigste Vorteile

✓ Eine Eingabe, jede Notation: Geben Sie eine Farbe einmal ein und lesen Sie sie gleichzeitig als HEX, RGB, HSL und CMYK zurück.
✓ Fehlerverzeihender Parser: akzeptiert #fff, #3b82f6, rgb(255, 0, 0), bloße „255, 0, 0“-Triplets und hsl(120, 50 %, 50 %).
✓ Läuft vollständig in Ihrem Browser – Farbwerte werden nirgendwo hochgeladen.

Anwendungsfälle

  • • Wandeln Sie den #rrggbb-Code aus einem Markenbuch in die Notation rgb() oder hsl() um, bevor Sie Hover- und Deaktivierungszustände in CSS verknüpfen.
  • • Konvertieren Sie eine RGB-Farbe auf dem Bildschirm in CMYK-Prozentsätze, um zu prüfen, wie sie sich trennen lässt, bevor Sie Visitenkarten oder Flyer zum Drucken senden.
  • • Geben Sie mit dem integrierten Picker eine Farbe per Eyedrop ein und kopieren Sie alle vier Notationen auf einmal, um eine Übergabe vom Design an den Code zu ermöglichen.