Color Shades Generator
The purpose of this tool is to accurately produce tints (lighter variants) and shades (darker variants) of a given hex color in 10% increments.
› Color Shades Generator
When would I use this?It's best used when you already have some base colors but would like complimentary colors for gradients, borders, backgrounds, shadows or other elements. This is useful for designers who may be communicating color intent to developers who use Sass or PostCSS in their builds. It's also a solid way to quickly preview what tints and shades look like for a base color you may be considering for your design.