HSL Color Picker

📌 This tool has been merged into color picker. Please use the new version.

Online HSL color picker. Visual adjustment of hue/saturation/lightness with real-time preview and CSS copy. Client-side tool.

🎨 HSL Color Adjustment

Hue (0-360)

240

Saturation (0-100%)

70%

Lightness (0-100%)

50%

hsl(240, 70%, 50%)

#2b2bd4