Tint and Shade Generator

Posted . Visible to the public.

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%.

Profile picture of Florian Leinsinger
Florian Leinsinger
Last edit
Henning Koch
License
Source code in this card is licensed under the MIT License.
Posted by Florian Leinsinger to makandra dev (2025-11-17 10:55)