BlueprintLab Tools
JAEN
All tools / Color & design tools / Color palette generator

Free web tool

Color palette generator

Generate a 9-step tint/shade palette from one color and copy CSS variables.

Input & settings

How to use

Generate a 9-step tint/shade palette from one color and copy CSS variables.

  1. Enter or choose the source data.
  2. Change only the options you need.
  3. Run the tool and verify the result before copying or saving.

Related tools

Color & design tools

RGB to HSL converterConvert RGB values (0–255) to HSL hue, saturation and lightness.Open  →HSL to RGB converterConvert HSL hue, saturation and lightness into RGB values (0–255).Open  →RGB to HEX converterConvert RGB values (0–255) into a #RRGGBB hexadecimal color code.Open  →HEX to RGB converterConvert #RGB or #RRGGBB hexadecimal colors into RGB values.Open  →HEX / RGB / HSL converterConvert HEX or RGB colors to HEX, RGB and HSL.Open  →Pick HEX and RGB Colors from an ImageClick a point in an image to sample its HEX and RGB color.Open  →