✳tools.stBrowse tools
◈ Processed on your device
◈

Color harmony palette

Generate complementary, analogous, triadic or square HSL palettes.

Free

Generate complementary, analogous, triadic or square HSL palettes. Rotate hue around an HSL color wheel while keeping the base saturation and lightness. Choose complementary, analogous, triadic or square offsets to return HEX colors.

◈ Local processingFree

How to use

  1. Enter your text, values, or image.
  2. Adjust the options and run the tool.
  3. Copy or download your result.

Worked example

Example input

Base color: #ff0000
Harmony: triadic

Example result

[
  "#ff0000",
  "#00ff00",
  "#0000ff"
]

Limitations and details

Color harmony does not ensure readable contrast or accessibility; neutral colors can produce repeated results with hue changes.

Inputs and options

Base color
Text
Harmony
Complementary / Analogous / Triadic / Square

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.

Related tools