HEX to HSL Converter

Convert HEX color codes to HSL values with color preview

Size: 0 B, 0 characters

Auto

Output

HEX to HSL Converter

Our HEX to HSL converter provides seamless conversion from HEX color codes to HSL values. HSL (Hue, Saturation, Lightness) is a more intuitive color model that makes it easier to create color variations and understand color relationships.

Key Features:

• Multiple Formats: HSL, HSLA, CSS, degrees, and JSON formats

• Short HEX Support: Handles both #RRGGBB and #RGB formats

• Alpha Channel: Option to include alpha transparency

• Precision Control: Option to round values for cleaner output

• Color Preview: Visual color preview of the converted color

HSL Model: Hue (0-360°), Saturation (0-100%), Lightness (0-100%) for intuitive color manipulation.

Example Input:

#FF0000 #00FF00 #0000FF #FFFF00 #FF00FF

Output:

# HSL Format 0, 100%, 50% 120, 100%, 50% 240, 100%, 50% 60, 100%, 50% 300, 100%, 50% # CSS Format hsl(0, 100%, 50%) hsl(120, 100%, 50%) hsl(240, 100%, 50%)

Perfect for color theory, design work, and creating color variations!