About this tool
Make lighter and darker steps from one HEX color.
Type a six-digit HEX color. The page mixes it toward white for tints and toward black for shades, then shows seven steps. Click a step to copy its HEX.
These steps are even mixes on the screen, not a brand ramp from a designer and not a print formula. Recheck them on the real background.
The color picker on 1CLIK converts one color to RGB and HSL. This page is the ramp around that color.
Quick steps
- Type a HEX color.
- Build the shades.
- Click a step to copy it.
The color stays in this browser tab.
FAQ
Why seven steps?
Three lighter, the original, and three darker. Add your own if you need more.
Does it name the color?
No. It only shows the HEX values.