Colour bits
Tint & Shade Ladder
Generate perfectly stepped lighter and darker variations of a single base colour.
Build a colour ladder
Enter one HEX colour, choose how many steps you need, then copy a tidy set of lighter tints and darker shades.
Use a three or six digit HEX value, with or without the #.
Controls how close the lightest and darkest steps get to pure white and black.
How the steps work
Tints mix the base colour toward white. Shades mix it toward black. Everything runs locally in this browser tab.
Colour ladder
Stepped palette
The palette updates as you edit the base colour.
Base colour
#6C4DFF9 total colours with 4 steps on each side.