Shades & tints generator

Create the light and dark scale of any color.

Home › Free online design and CSS tools
Frequently asked questions

What is a tint and what is a shade?

A tint is the color mixed with white; a shade is mixed with black. Each step adds the same proportion.

Can I use it in my CSS?

Yes, copy the :root block with --color-100, --color-200… variables ordered from lightest to darkest.

Is Shades & tints generator free to use on Toolkoa?

Yes, the Shades & tints generator tool is 100% free, unlimited and requires no sign up or installation.

Are my files sent to any server when using Shades & tints generator?

No. Every operation on Toolkoa is processed privately and locally, directly in your own browser.

Do I need to install anything to use Shades & tints generator?

Nothing to install. Shades & tints generator runs in any modern desktop or mobile browser, and once the page has loaded you can keep using it without relying on the connection.