pluri.tools
🇩🇪
🇬🇧 English 🇧🇷 Português 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇮🇹 Italiano 🇯🇵 日本語 🇳🇱 Nederlands 🇵🇱 Polski 🇹🇷 Türkçe 🇸🇪 Svenska 🇳🇴 Norsk 🇩🇰 Dansk

HSL zu HEX Konverter

HEX → RGBHEX → HSLRGB → HEXRGB → HSLHSL → HEXHSL → RGB
HSL
Eingabe
H
S%
L%
HEX
Ergebnis
RGB
R
G
B
↔ HEX zu HSL Konverter

Was ist HSL zu HEX Konverter

Dieses Tool konvertiert HSL-Werte (Farbton, Sättigung, Helligkeit) in HEX-Farbcodes. Gib den Farbton (0–360°), die Sättigung (0–100%) und die Helligkeit (0–100%) ein und erhalte den entsprechenden HEX-Code. Nützlich, wenn du eine Palette in einem HSL-basierten Tool erstellt hast und den HEX-String für eine CSS-Datei benötigst.

Verwendung

  1. Gib die Werte für Farbton (0–360), Sättigung (0–100) und Helligkeit (0–100) in die HSL-Felder ein.
  2. Der HEX-Code und die RGB-Werte aktualisieren sich sofort.
  3. Klicke auf den Kopieren-Button neben HEX, um den #RRGGBB-Code zu kopieren.
  4. Wechsle zwischen allen 6 Konvertern über die Modus-Links oben.

Wann ist es nützlich?

Du hast die Farbe in einem HSL-Farbwähler gewählt, aber dein Tailwind-Theme braucht HEX? Gib hsl(217, 91%, 60%) ein und kopiere #3B82F6 direkt in deine tailwind.config.js. So stimmst du die Farbe in HSL ab und übergibst dem CSS den passenden Code, ohne die Umrechnung zu raten.

Häufig gestellte Fragen

Was ist hsl(0, 100%, 50%) in HEX?

hsl(0, 100%, 50%) ist #ff0000 — reines Rot. Farbton 0° mit voller Sättigung und 50% Helligkeit ergibt das reinste Rot.

Was ist hsl(0, 0%, 100%) in HEX?

hsl(0, 0%, 100%) ist #ffffff — Weiß. 100% Helligkeit ist immer Weiß, unabhängig von Farbton oder Sättigung.

Was ist hsl(0, 0%, 0%) in HEX?

hsl(0, 0%, 0%) ist #000000 — Schwarz. 0% Helligkeit ist immer Schwarz.

Warum kann mein HSL-zu-HEX-Ergebnis leicht von anderen Tools abweichen?

Rundungen in Zwischenberechnungen können einen 1-stelligen HEX-Unterschied ergeben. Diese ±1-Rundungsdifferenz ist visuell nicht wahrnehmbar.

Kann ich dieses Tool mit vorausgefüllten Eingaben teilen?

Ja. Die URL aktualisiert sich während du tippst. Kopiere den Link aus der Adressleiste oder klicke auf Teilen — wer den Link öffnet, sieht deine Eingaben bereits ausgefüllt.

Ähnliche Werkzeuge

HEX zu HSL Konverter

Konvertiere HEX-Farbcodes sofort in HSL-Werte. Kostenloser HEX zu HSL Konverter mit Live-Vorschau. Perfekt für CSS-Variablen und Farbthemen.

Seitenverhältnis-Rechner

Berechne das Seitenverhältnis, finde die fehlende Breite oder Höhe und skaliere Bilder und Videos unter Beibehaltung der Proportionen. Kostenlos.

Base64-Decoder

Dekodiere Base64-Strings sofort zu Klartext im Browser. Unterstützt vollständige Unicode-Ausgabe mit Emojis. Kostenloser Base64-Decoder.