HSL zu RGB Konverter

1. 1

   HSL eingeben

   Farbton (0–360°), Sättigung und Helligkeit (0–100 %).

2. 2

   RGB ansehen

   Rot, Grün und Blau (je 0–255) werden berechnet und angezeigt.

3. 3

   Kopieren oder nutzen

   Kopieren Sie die RGB-Werte für CSS, Designsoftware oder Code.

HSL zu RGB verbessert Webkompatibilität, liefert präzise Kanalsteuerung, unterstützt Designarbeit und sorgt für verlässliche Farbdarstellung in digitalen Projekten.

Vorteile von RGB

• Webentwicklung: RGB-Werte in CSS und Webprojekten
• Präzise Kontrolle: Zugriff auf Rot-, Grün- und Blau-Kanal
• Design-Tools: Kompatibel mit gängiger Software
• Farbmanipulation: Kanäle gezielt anpassen
• Breite Unterstützung: Auf digitalen Plattformen üblich

Unterschiede helfen, das passende Format zu wählen.

HSL-Eigenschaften

• Modell aus Farbton, Sättigung, Helligkeit
• Intuitive Farbdarstellung
• Helligkeit und Sättigung leicht anzupassen
• Häufig in Design-Tools
• Oft intuitiver für die Farbwahl

RGB-Eigenschaften

• Rot-, Grün-, Blau-Anteile
• Je Komponente 0 bis 255
• Präzise Farbsteuerung
• Standard im digitalen Design
• Mit allen Design-Tools kompatibel

Der Farbton ist ein Winkel, und Winkel verhalten sich anders als die beiden anderen Kanäle – mit überraschenden Ergebnissen, wenn man sie für gewöhnliche Zahlen hält.

• 0 und 360 sind derselbe Punkt — 720 ebenso, und -60 auch, was 300 entspricht. Jeder Farbton wird auf eine Umdrehung zurückgeführt – deshalb liefert auch ein Wert weit außerhalb von 0-360 eine sinnvolle Farbe.
• Vier Einheiten werden akzeptiert — 120, 120deg, 0.333turn, 133.33grad und 2.094rad meinen denselben Farbton. Designwerkzeuge und CSS verwenden mehrere davon, und die falsche einzufügen ist ein häufiger Fehler, den diese Seite abfängt.
• Bei 0 % Sättigung bewirkt der Farbton nichts — Jeder Farbton ergibt dasselbe Grau. Hier geht der Farbton nicht verloren: Er bleibt im Feld, damit das Erhöhen der Sättigung dorthin führt, wo Sie hinwollten.
• Das Ergebnis wird auf 8 Bit gerundet — RGB-Kanäle sind ganze Zahlen von 0 bis 255, daher können zwei sehr nahe HSL-Werte dasselbe RGB-Tripel ergeben. Das ist eine Eigenschaft des Ziels, nicht der Umrechnung.

Wenn Sie präzise Farbsteuerung, Tool-Kompatibilität oder RGB-basierte Workflows brauchen.

Typische Einsatzgebiete

• Webentwicklung: RGB in CSS und JavaScript
• Designsoftware: Umrechnung für RGB-Anwendungen
• Farbmanipulation: Einzelkanäle anpassen
• Digitale Projekte: Zuverlässige Darstellung
• Programmierung: RGB in Code und Skripten

Grundlagen für gute Entscheidungen.

Kernaussagen

• HSL: Farbton 0–360, Sättigung und Helligkeit 0–100 %
• RGB: Rot, Grün, Blau je 0–255
• Die Umrechnung bleibt farbtreu
• HSL wirkt oft intuitiver bei der Auswahl
• RGB ist präzise für die Kanalbearbeitung

Empfehlungen für zuverlässige HSL-zu-RGB-Ergebnisse.

Qualität

• HSL-Werte vor der Umrechnung prüfen
• Gültige Bereiche: H 0–360, S/L 0–100 %
• RGB-Ergebnis auf Plausibilität prüfen
• Farben in der Zielanwendung testen
• Farbraum und Gamut beachten

Wann nicht umrechnen

• Nicht umrechnen, wenn HSL ausreicht
• HSL beibehalten in Tools mit HSL-Unterstützung
• Keine Umrechnung ohne Formatbedarf
• Nicht umrechnen, wenn die App HSL direkt unterstützt

Läuft auf dem Gerät; JavaScript und moderner Browser erforderlich.

Basiert auf optimierten Bildverarbeitungs-Algorithmen.

• RGB to HEXConvert RGB color values to hexadecimal format
• HEX to RGBConvert hexadecimal color codes to RGB values
• RGB to HSLConvert RGB color values to HSL format
• RGB to CMYKConvert RGB color values to CMYK format
• Color PickerInteractive color picker with real-time conversion

• Farbkonverter
• RGB zu HEX
• HEX zu RGB
• RGB zu HSL
• Farbauswahl