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

RGB zu HSL Konverter

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

Was ist RGB zu HSL Konverter

Dieses Tool konvertiert RGB-Werte (Rot 0–255, Grün 0–255, Blau 0–255) in HSL (Farbton, Sättigung, Helligkeit). HSL ist intuitiver für die Farbmanipulation — es ist viel einfacher, hellere oder dunklere Varianten einer Farbe durch Anpassen der Helligkeit zu erstellen, als die einzelnen RGB-Kanäle zu ändern.

Verwendung

  1. Gib die Rot-, Grün- und Blauwerte (0–255) in die RGB-Felder ein.
  2. HSL- und HEX-Werte aktualisieren sich sofort.
  3. Klicke auf den Kopieren-Button neben HSL, um im Format hsl(h, s%, l%) zu kopieren.
  4. Wechsle zwischen allen 6 Konvertern über die Modus-Links oben.

Wann ist es nützlich?

Du willst eine Markenfarbe aus einem alten Stylesheet in ein HSL-Design-System übernehmen? Gib rgb(59, 130, 246) ein und du bekommst hsl(217, 91%, 60%). Danach senkst du die Helligkeit einfach auf 55% für den Hover- und auf 45% für den Active-Zustand, ohne den Farbton zu verändern.

Häufig gestellte Fragen

Was ist rgb(255, 0, 0) in HSL?

rgb(255, 0, 0) ist hsl(0, 100%, 50%) — reines Rot. Farbton 0° ist Rot, 100% Sättigung bedeutet voll gesättigt, 50% Helligkeit ist der Reinton.

Was ist rgb(0, 0, 0) in HSL?

rgb(0, 0, 0) ist hsl(0, 0%, 0%) — Schwarz. Null Helligkeit ist immer Schwarz.

Was ist rgb(255, 255, 255) in HSL?

rgb(255, 255, 255) ist hsl(0, 0%, 100%) — Weiß. Maximale Helligkeit ist immer Weiß.

Warum ist die RGB-zu-HSL-Konvertierung nützlich?

HSL macht Farbbeziehungen sichtbar. Bei rgb(59, 130, 246) sieht man nicht sofort, wie blau oder hell die Farbe ist. Aber hsl(217, 91%, 60%) sagt sofort: es ist ein Blau (217° auf dem Farbrad), sehr gesättigt (91%) und mittel-hell (60%).

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

HSL zu RGB Konverter

Konvertiere HSL-Farbwerte sofort in RGB. Kostenloser HSL zu RGB Konverter mit Live-Vorschau. Wandle hsl() in rgb() für JavaScript und Design-Tools um.

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.