Color Shades Generator
Generate a requested number of progressively darker shades from one base color.
How to use
- Set the base HEX and step count, then inspect the swatches.
Capabilities and scope
scaleColors(base,steps,'shades') produces HEX swatches and CSS-variable output.
How it works
The base is progressively mixed toward a darker endpoint to create the scale.
Example
Seven steps yield seven increasingly dark variants.
Useful for
- Draft hover, pressed, or dark-state variants
Before you use it
- The scale is not guaranteed to be perceptually uniform in LCH, so visual lightness gaps can differ.
Frequently asked questions
Is the last shade always pure black?
Do not assume that; it follows the current scale algorithm rather than a guaranteed #000000 endpoint.