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

HSL zu RGB Konverter

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

Was ist HSL zu RGB Konverter

Dieses Tool konvertiert HSL-Werte (Farbton 0–360°, Sättigung 0–100%, Helligkeit 0–100%) in RGB-Werte (Rot, Grün, Blau, je 0–255). Verwende es, wenn du eine Farbe im HSL-Format hast — verbreitet in CSS und Design-Systemen — und das RGB-Äquivalent für JavaScript, Bildverarbeitung oder Design-Tools 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. RGB- und HEX-Werte aktualisieren sich sofort.
  3. Klicke auf den Kopieren-Button neben RGB, um im Format rgb(r, g, b) zu kopieren.
  4. Wechsle zwischen allen 6 Konvertern über die Modus-Links oben.

Wann ist es nützlich?

Du erzeugst Farben in JavaScript und lässt den Farbton von 0–360 für einen Regenbogeneffekt laufen? Beim Schreiben der Pixel in ein Canvas-ImageData-Objekt brauchst du getrennte R-, G-, B-Bytewerte, keinen hsl()-String. Konvertiere hier jede hsl()-Ausgabe in rgb() und du bekommst die einzelnen Kanalzahlen, fertig zum direkten Einsetzen ins Array.

Häufig gestellte Fragen

Was ist hsl(120, 100%, 50%) in RGB?

hsl(120, 100%, 50%) ist rgb(0, 255, 0) — reines Grün. Farbton 120° ist Grün auf dem Farbrad.

Was ist hsl(240, 100%, 50%) in RGB?

hsl(240, 100%, 50%) ist rgb(0, 0, 255) — reines Blau.

Was ist hsl(60, 100%, 50%) in RGB?

hsl(60, 100%, 50%) ist rgb(255, 255, 0) — reines Gelb.

Wann HSL zu RGB statt HSL zu HEX verwenden?

Verwende HSL zu RGB, wenn du mit APIs oder Bibliotheken arbeitest, die separate numerische Kanalwerte benötigen — wie Canvas ImageData, WebGL, Three.js oder Bildverarbeitungsbibliotheken. Verwende HSL zu HEX, wenn du einen CSS-String oder Hex-Code benötigst.

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

RGB zu HSL Konverter

Konvertiere RGB-Farbwerte sofort in HSL. Kostenloser RGB zu HSL Konverter mit Live-Vorschau. Perfekt für CSS-Theming und Farbpaletten.

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.