◈Free
Color tints and shades
Build equal sRGB steps from black through a color to white.
Build equal sRGB steps from black through a color to white. Choose a base color and step count to create darker and lighter encoded sRGB channel values. The output separates shades, the base HEX color and tints for inspection.
How to use
- Enter your text, values, or image.
- Adjust the options and run the tool.
- Copy or download your result.
Worked example
Example input
Base color: #808080 Steps each side: 1
Example result
{
"shades": [
"#000000"
],
"base": "#808080",
"tints": [
"#ffffff"
]
}Limitations and details
Equal sRGB steps do not give equal perceived lightness; contrast and suitability for text should be checked separately.
Inputs and options
- Base color
- Text
- Steps each side
- Number · Minimum: 1 · Maximum: 12
Frequently asked questions
Is this tool free and private?
Yes. All 300 tools are free in this phase. Processing happens in your browser; your input and files are not sent to our servers.