UTILS.
100% in-browser

Color Shades & Tints

Generate a range of lighter tints and darker shades from any base color.

Click any swatch to copy its hex value.

About this tool

Generate eleven steps from near-black through your base color to near-white by mixing toward black and white, all in your browser.

Frequently asked questions

What is the difference between a shade and a tint?
A shade mixes the color with black to darken it, while a tint mixes it with white to lighten it.
How do I copy a swatch?
Click any swatch and its hex value is copied to your clipboard.

More tools