Skip to content
TRULLZ

Free Tints & Shades Generator

Create 12 tints and shades from any hex colour.

Hex, e.g. #8b75f6 or 8b75f6.

#8b75f6

Tints

Shades

Tap a swatch to copy it. Text on the base colour should be white.

Ad space · tool-below

How to use the Tints & Shades Generator

  1. 1Enter a hex colour.
  2. 2Browse tints and shades.
  3. 3Tap a swatch to copy it.

Features

  • 12 tints and shades
  • One-tap copy
  • Readable text colour hint
  • Colour picker

Frequently Asked Questions

How are the steps calculated?

Each tint or shade blends your colour with white or black in fixed steps from 15% to 90%.

Related Tools

Popular

Color Converter

HEX ⇄ RGB ⇄ HSL with live preview.

Developer
New

Color Palette Generator

Harmonious palettes from one color.

Generators
New

Contrast Checker

WCAG AA/AAA contrast ratio testing.

Generators
New

Gradient Generator

CSS gradients with live preview.

Generators

About the Tints & Shades Generator

Pick a colour and get a usable palette: six tints toward white, six shades toward black, each copyable with one tap. The Tints & Shades Generator runs entirely in your browser — your data is processed locally and never uploaded to a server. Explore more Generators tools or browse all free online tools.