Tint & Shade Generator

Get lighter tints and darker shades of any color in one click.

Open in a new tab

Open-source project "Tint & Shade Generator" by Michael Edelstone, used under the MIT license. Source code

Runs 100% in your browser. Your files are not uploaded to any server.

How to use Tint & Shade Generator

  1. Type one or more hex colors.
  2. Click "Make tints and shades".
  3. Click any swatch to copy its hex value.

Frequently asked questions

What's the difference between a tint and a shade?

A tint is the color mixed with white (lighter); a shade is mixed with black (darker).

Who made it?

Michael Edelstone, open source under the MIT License. The interface is in English.

Is Tint & Shade Generator free?

Yes. Tint & Shade Generator is free to use with no sign-up and no watermark.

Are my files uploaded to your server?

No. All processing happens locally in your browser using JavaScript and WebAssembly. Your files never leave your device, which also makes it fast and private.

Does it work on my phone?

Yes. It works in any modern browser on Windows, Mac, Linux, Android and iPhone. Very large files may be slow on older phones.

More Fashion tools

View all
Traditional Chinese ColorsPoetic colors with HEX and RGB. Shoe Size ConverterUS, UK, EU and China shoe sizes. Ring Size ConverterUS, EU and Japan ring sizes. Clothing Size ConverterInternational clothing sizes.