Toolify logo
Toolify
Suggestions
Settings
​
⌘K

HEX to HSL Converter

Convert HEX color codes to HSL values with color preview
Paste ContentReset Input
Size: 0 B, 0 characters
Auto
Output
Copy 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



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!

© Toolify 2021. All Rights Reserved.