RGB-Farbwerte in das HSL-Format (Farbton, Sättigung, Helligkeit) umwandeln
Formatkonverter
Über dieses Tool
Wandeln Sie RGB-Farbwerte in das HSL-Format (Farbton, Sättigung, Helligkeit) um. Konvertieren Sie RGB- und RGBA-Farben in die intuitivere HSL- und HSLA-Darstellung, um Helligkeit, Sättigung einfach anzupassen und CSS-Farbvarianten zu erstellen.
Hauptfunktionen
- Unterstützt RGB- und RGBA-Eingabe
- Ausgabe im HSL- und HSLA-Format
- Ausgabe von Prozent- und Gradwerten
- Echtzeit-Farbvorschau als Farbfeld
- Mehrere Formate mit einem Klick kopieren
- Echtzeitkonvertierung während der Eingabe
Anwendungsfälle
- Farben für die CSS-HSL-Verwendung konvertieren
- Farbhelligkeit und -sättigung intuitiv anpassen
- Farbvarianten und Paletten aus einer Basisfarbe erstellen
- Design-Tool-Farben in webkompatible Formate konvertieren
- Barrierefreie Farbschemata mit präziser Helligkeitssteuerung erstellen
rgb
hsl
color
converter
css
design
Häufig gestellte Fragen
Was ist das HSL-Format?
HSL steht für Farbton (Hue), Sättigung (Saturation) und Helligkeit (Lightness). Der Farbton wird als Winkel (0-360) dargestellt, der einer Position auf dem Farbkreis entspricht. Sättigung und Helligkeit werden als Prozentsätze (0-100%) angegeben. HSL ist für Farbmanipulation oft intuitiver als RGB.
Wird der Alphakanal unterstützt?
Ja. Wenn Sie RGBA-Werte eingeben, gibt das Tool das HSLA-Format mit dem Alphakanal aus. Der Transparenzwert wird aus der Eingabe übernommen.
Wie genau ist die RGB-zu-HSL-Konvertierung?
Die Konvertierung verwendet die standardmäßigen mathematischen Formeln für die RGB-zu-HSL-Farbraumtransformation. Der Farbton wird auf das nächste Grad, Sättigung und Helligkeit auf den nächsten Prozentsatz berechnet. Die Ergebnisse sind präzise und stimmen mit branchenüblichen Farbkonvertierungswerkzeugen überein.
Kann ich eine Farbvorschau der konvertierten Werte sehen?
Ja. Das Tool zeigt eine Echtzeit-Farbvorschau als Farbfeld an, das sich sofort aktualisiert, wenn Sie RGB- oder HSL-Werte ändern. Dieses visuelle Feedback hilft Ihnen zu bestätigen, dass die konvertierte Farbe vor der Verwendung Ihren Erwartungen entspricht.
Kann ich auch HSL-Werte eingeben, um RGB zu erhalten?
Ja, das Tool unterstützt bidirektionale Konvertierung. Sie können HSL-Werte in die Eingabefelder eingeben, und das Tool konvertiert sie zurück in RGB und zeigt gleichzeitig den entsprechenden HEX-Code und die Farbvorschau an.