Color Shades & Tints Generator

Generate a scale of lighter tints and darker shades for a base color.

Tints (Lighter)

Shades (Darker)

Features

  • Generate 10 lighter tints (mixed with white) for any color.
  • Generate 10 darker shades (mixed with black) for any color.
  • Visual preview of the color scale.
  • One-click copy for Hex codes.

How to Use

  1. Select a Base Color using the picker or enter a Hex code.
  2. The tool will automatically calculate the variations.
  3. The Tints column shows the color getting progressively lighter (10% to 100%).
  4. The Shades column shows the color getting progressively darker (10% to 100%).
  5. Click the copy icon next to any color to copy its Hex code.