Color Shades Generator
Generate evenly spaced tints (mixed with white) and shades (mixed with black) of a base colour.
Runs in your browserColour → HEX palette
Loading tool…
How to use the Color Shades Generator
- Paste or type your Colour into the input area, or open a file from your device.
- Adjust the options above the editor if the tool offers any.
- Review the HEX palette result, then copy it or download it as a file.
Privacy and limitations
- Your data is processed on your device and is not uploaded to any server.
Related converters
Color PickerPick a colour visually or paste any colour value and copy it as HEX, RGB, HSL, HSV, CMYK or its CSS name.HEX to HSL ConverterConvert hex colour codes to CSS hsl() hue, saturation and lightness values, ideal for building colour themes.Color Contrast CheckerCheck the WCAG 2.x contrast ratio between text and background colours with AA and AAA pass/fail results.HEX to Color Name FinderFind the exact or nearest CSS colour name for any hex, RGB or HSL colour using perceptual (CIELAB) distance.Color Name to HEX ConverterLook up the hex code of any of the 148 CSS named colours, from aliceblue to yellowgreen.CMYK to HEX ConverterConvert CMYK percentages from print specifications to hex colour codes for the web.HEX to CMYK ConverterConvert web hex colour codes to CMYK percentages as a starting point for print artwork.CMYK to RGB ConverterConvert CMYK print percentages (cyan, magenta, yellow, key) to RGB values for screens.