HSL zu RGB Konverter

Konvertieren Sie HSL-Farben in RGB, HEX und CMYK. Feineinstellung mit HSL-Schiebereglern. Live-Farbvorschau.

HSL Values

HSL
hsl(0, 65%, 51%)
RGB
rgb(211, 51, 51)
HEX
#D33333
CMYK
cmyk(0%, 76%, 76%, 17%)

About HSL to RGB Converter

Konvertieren Sie HSL-Farbwerte (Farbton, Sättigung, Helligkeit) in RGB, HEX und CMYK. Passen Sie Farbton, Sättigung und Helligkeit mit intuitiven Schiebereglern an und sehen Sie das Ergebnis in jedem wichtigen Farbraum.

HSL-Eingabe

Farbton von 0-360, Sättigung und Helligkeit von 0-100%. Verwenden Sie Schieberegler oder geben Sie exakte Werte ein. Sofortige Konvertierung in alle Formate.

Live-Farbvorschau

Ein Echtzeit-Farbfeld zeigt genau, wie die HSL-Werte aussehen. Passen Sie an und sehen Sie Änderungen sofort.

Vier Ausgabeformate

Sehen Sie HSL, RGB, HEX und CMYK nebeneinander. Perfekt für Webdesign, Druckvorstufe und Entwicklungs-Workflows.

Klicken zum Kopieren

Klicken Sie auf einen Farbwert, um ihn in die Zwischenablage zu kopieren. RGB für CSS, HEX für HTML, CMYK für Druck, HSL für Feineinstellungen.

How It Works

  1. Adjust the Hue slider — Set the base color angle from 0 (red) through 360 (back to red).
  2. Set Saturation — Control color intensity from 0% (gray) to 100% (full color).
  3. Set Lightness — Adjust brightness from 0% (black) to 100% (white).
  4. Watch the preview — The color swatch updates in real time as you adjust any slider.
  5. Read the results — All four color space values update instantly. Click any value to copy it.

📋 Common Use Cases

Medienübergreifendes Design

Konvertieren Sie Druckfarben (CMYK) in Bildschirmfarben (RGB/Hex), wenn Sie Markenassets von physischen auf digitale Medien übertragen.

CSS & Webentwicklung

Transformieren Sie Farben zwischen Hex-, RGB- und HSL-Formaten für die Verwendung in Stylesheets, Design-Tokens und Komponentenbibliotheken.

Markenkonsistenz

Stellen Sie Farbgenauigkeit sicher, wenn Sie Markenpaletten zwischen verschiedenen Design-Tools übersetzen, die spezifische Farbformate erfordern.

Barrierefreiheitstests

Konvertieren Sie Farben in analysierbare Formate für Kontrastprüfungen und WCAG-Konformitätsverifizierung.

🪜 How to Use This Tool

  1. Geben Sie Ihre Quellfarbe ein
    Geben Sie den Farbwert im Quellformat ein – Hex-Code, RGB-Werte, CMYK-Prozentsätze oder HSL-Parameter.
  2. Wählen Sie das Zielformat
    Wählen Sie Ihr gewünschtes Ausgabeformat. Die meisten Konverter zeigen eine Live-Farbvorschau neben den konvertierten Werten.
  3. Anzeigen und Kopieren der konvertierten Farbe
    Die konvertierte Farbe erscheint sofort. Kopieren Sie einzelne Werte oder die vollständige Ausgabezeichenfolge für Ihr Projekt.
  4. Verwendung in Ihrem Projekt
    Fügen Sie die konvertierte Farbe direkt in Ihr CSS, Ihr Design-Tool oder Ihre Druckspezifikation ein. Überprüfen Sie, ob die Vorschau Ihren Erwartungen entspricht.

📚 Related Guides

Frequently Asked Questions

Sind diese Konverter kostenlos?
Ja. Alle Konverter sind völlig kostenlos. Keine Anmeldung erforderlich.
Wie genau ist der Einheitenkonverter?
Er verwendet Standard-Umrechnungsfaktoren für Länge, Masse, Temperatur, Fläche, Volumen und Geschwindigkeit. Die Ergebnisse sind auf 6 Dezimalstellen genau.