🎨 HEX to HSL Converter

Convert between HEX and HSL color formats instantly. HEX (hexadecimal) uses 6-digit codes like #FF5733, while HSL represents colors using Hue, Saturation, and Lightness values. Perfect for web design, CSS styling, and color manipulation.

HEX Color Input

Enter a 6-digit HEX code (e.g., #FF5733 or FF5733)

Popular Colors:

HSL Output

hsl(217, 91%, 60%)
Hue: 217°
Color on the color wheel (0-360)
Saturation: 91%
Color intensity (0-100%)
Lightness: 60%
Brightness level (0-100%)

Color Preview

HEX
#3B82F6
HSL
hsl(217, 91%, 60%)
RGB
rgb(59, 130, 246)

Related Color Tools

🎨 HEX to RGB Converter 🌈 RGB to HSL Converter 🎯 Color Picker Tool
⚡

Instant Conversion

Convert between HEX and HSL formats in real-time as you type.

🎨

Visual Color Picker

Pick colors visually or enter precise values manually.

📋

Easy Copy

Copy results to clipboard with one click for quick use.