File ConversionColor ConversionFree Tool
Color Shade Generator
Generate 6 shades of a hex color by stepping its HSL lightness from 90% down to 15%, keeping the same hue and saturation.
How to Use Color Shade Generator
- 1Enter a hex color (e.g. #4F46E5)
- 2Click Convert
- 3View and copy the 6 generated shades
Frequently Asked Questions
Your color is converted to HSL, then 6 output colors are generated at fixed lightness levels (90%, 75%, 60%, 45%, 30%, 15%) while keeping the original hue and saturation unchanged.
No — the 6 lightness steps are fixed; there's no option to customize the count or specific percentages.
Holding saturation constant while changing only lightness is a simplification — very light or very dark colors can look less vivid in practice than this pure-HSL-lightness method predicts, since human color perception isn't perfectly linear with HSL values.
No — the calculation happens entirely in your browser.
Related Tools
HEX to HSL
Convert a HEX color code to HSL (Hue, Saturation, Lightness) using the standard RGB-to-HSL formula.
HSL to HEX
Convert HSL (Hue, Saturation, Lightness) values to a HEX color code using the standard HSL-to-RGB formula.
Color Blender
Blend two hex colors into their exact 50/50 midpoint by averaging each RGB channel — a fixed even mix, not an adjustable ratio.
Color Palette Generator
Generate a complementary, analogous, and triadic color palette from a base hex color using standard hue-wheel rotation math.