HSL to HEX Converter
Convert Hue, Saturation, and Lightness values back to standard web hexadecimal color codes.
Color Science & Standards
Conversions follow standard sRGB color space and W3C / WCAG 2.1 accessibility guidelines.
How to Use HSL to HEX Converter
Select your Hue angle on the 360° rainbow slider.
Adjust Saturation (color intensity) and Lightness (luminosity).
Copy the corresponding HEX code.
Frequently Asked Questions
What Hue angles correspond to primary colors?
Red is at 0° (and 360°), Yellow at 60°, Green at 120°, Cyan at 180°, Blue at 240°, and Magenta at 300°.
Explore Companion Color Tools
Free client-side color pickers, converters, CSS gradient generators, and WCAG contrast tools.
Color Picker
Interactive visual color spectrum with EyeDropper tool, real-time HEX, RGB, HSL, CMYK values, and shade palettes.
HEX to RGB Converter
Convert 3-digit, 6-digit, and 8-digit alpha HEX color codes to RGB and RGBA formats.
RGB to HEX Converter
Convert Red, Green, and Blue channel values (0–255) with optional Alpha into hexadecimal (#HEX) color codes.
HEX to HSL Converter
Translate HEX colors into intuitive Hue, Saturation, and Lightness coordinates.
RGB to HSL Converter
Translate Red, Green, and Blue color channels directly to Hue, Saturation, and Lightness.
Gradient Generator
Create beautiful Linear, Radial, and Conic CSS gradients with custom angles and multi-color stops.