HEX zu HSL
Konvertieren Sie HEX-Farbcodes präzise in HSL-Werte, ideal für Farbmanipulation und Designsysteme
Farbkonverter
Farbergebnis
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Konvertierungsbeispiele
Rot
HEX: #FF0000
HSL: 0°, 100%, 50%
Grün
HEX: #00FF00
HSL: 120°, 100%, 50%
Blau
HEX: #0000FF
HSL: 240°, 100%, 50%
Gelb
HEX: #FFFF00
HSL: 60°, 100%, 50%
Magenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Cyan
HEX: #00FFFF
HSL: 180°, 100%, 50%
Empfohlene Werkzeuge
HSL to HEX
Konvertieren Sie HSL-Farbwerte für die Webentwicklung zurück in HEX-Farbcodes
HSL to RGB Converter
Wandeln Sie HSL-Farbwerte in RGB-Farbcodes für digitales Design um
Farbharmonie-Generator
Erstellen Sie komplementäre Farbschemata mithilfe der HSL-Farbtheorie
HSL Color Manipulator
Passen Sie Farbton, Sättigung und Helligkeit an, um Farbvariationen zu erzeugen
Über dieses Tool
Unser HEX-zu-HSL-Konverter wandelt hexadezimale Farbcodes in das HSL-Farbmodell (Farbton, Sättigung, Helligkeit) um, was besonders für die Farbmanipulation und die Erstellung konsistenter Farbschemata nützlich ist.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Diese Konvertierung ist besonders wertvoll für Webentwickler und Designer, die mit CSS arbeiten, da HSL intuitive Farbanpassungen ermöglicht. Die Änderung einer einzelnen Komponente (Farbton, Sättigung oder Helligkeit) führt zu vorhersehbaren Ergebnissen und erleichtert die Erstellung von Farbvariationen und -harmonien.
Der Konvertierungsprozess wandelt zunächst HEX in RGB um und konvertiert dann RGB in HSL mithilfe von branchenüblichen Algorithmen, die die Farbintegrität zwischen verschiedenen Farbmodellen genau bewahren.