Back

Color shade generator

Color and palettes

Loading

Loading tool

Preparing the tool. The remaining time is not yet known.

All processing for this tool happens in your browser. Your input is not sent to a server.

About this tool

Create lighter and darker HSL variations of a HEX seed.

Common uses

  • Create lighter and darker HSL variations of a HEX seed.
  • Enter a three- or six-digit HEX color and select lighten, darken or both.

How to use it

  1. 1.Enter a three- or six-digit HEX color and select lighten, darken or both.
  2. 2.Choose 3–12 shades and copy the HEX list.

Limits and notes

  • Hue and saturation stay fixed while HSL lightness changes. The range avoids pure black/white and does not guarantee contrast compliance.

Frequently asked questions

What does this tool do?

Create lighter and darker HSL variations of a HEX seed.

What should I check before using the result?

Hue and saturation stay fixed while HSL lightness changes. The range avoids pure black/white and does not guarantee contrast compliance.

Related tools