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.