UTILS.
Private by default
▦

Color Shades & Tints

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

Your files stay on this device

Files are processed in your browser, never uploaded. The site downloads code and assets to run the tools. No accounts or trackers.

Use Download to save this tool as one HTML file for offline use.

Privacy →
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