Tint and Shade Generator

A simple web tool for generating lighter (tints) and darker (shades) versions of any HEX color value.

Tip

When using oklch() Show archive.org snapshot colors, you can create tints and shades by setting the l (lightness) component to a value between 0% and 100%.

Florian Leinsinger