Skip to content

Tints, shades & tones

Generate tints (toward white), shades (toward black) and tones (toward gray) from any base color. Great for design systems.

Mode
#3b82f6
#1b6df5
#0a5de3
#094fc2
#0742a2
#063582
#042861
#031a41
#010d20
#000000

Features

How it works

  1. Enter a base color.
  2. Switch between tints, shades and tones.
  3. Set the count, then copy a single swatch or the whole palette.

Your files never leave this page

Every conversion runs entirely in your browser using WebAssembly. There is no upload, no server-side processing, no analytics, and no cookies. Open DevTools → Network during the operation and you will see zero outbound traffic.

Related tools

Topics covered