Runs locally
Color Shades
Five lighter and darker steps of one hex color.
Ctrl+Enter runs. Ctrl+Shift+Backspace clears.
Export and import are available after you sign in. Sign in
Five lighter and darker steps of one hex color. Runs in the browser. Nothing is uploaded.
About this tool
Build a small palette around a brand color. Enter a hex value and get five shades from dark to light that keep the same hue and saturation.
How to use it
- 01
Enter a hex color, for example #ff6a00.
- 02
Review the five shades.
- 03
Copy the hex values into your palette.
FAQ
Frequently asked questions
How are the shades made?
The hue and saturation stay the same while lightness is set to 12%, 28%, 44%, 60% and 76%.
Which formats can I enter?
A hex color with 3 or 6 digits, with or without #.