Do you use Tint & Shade Generator?
What is Tint & Shade Generator?
Accurately produce tints (lighter variants) and shades (darker variants) of a given hex color in 10% increments. It's best used when you already have a base color palette but would like some complimentary colors for gradients, borders, backgrounds, shadows or other elements. Simple, precise, and open source.
![Tint & Shade Generator media 1](https://ph-files.imgix.net/8eb9f05c-eaed-44d2-a299-af530f45415d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop)
![Tint & Shade Generator media 2](https://ph-files.imgix.net/c26e677a-7fa6-42d3-84d2-5b1aaa6f1da5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop)
Recent launches
Tint & Shade Generator 2.0
Make and share tints and shades of any hex color! Say you have a base color palette but would like some complimentary colors for gradients, borders, backgrounds, or shadows. This is the tool for you. Simple, precise, and open source.
![Tint & Shade Generator 2.0 image](https://ph-files.imgix.net/8eb9f05c-eaed-44d2-a299-af530f45415d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop)
Tint & Shade Generator
Accurately produce tints (lighter variants) and shades (darker variants) of a given hex color in 10% increments.
It's best used when you already have a base color palette but would like some complimentary colors for gradients, borders, backgrounds, shadows or other elements. Simple, precise, and open source.
![Tint & Shade Generator image](https://ph-files.imgix.net/f2f94e3c-50d1-43e7-bd6f-e0dacf435d0e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop)