HEX:

RGB:

HSV:

Complementary

Triadic

Tetradic

Monochrome

Analogous

Random

Warning: Higher values become very demanding quickly!

Hues:

The number of hues determine your color combination style.

1 Hue Monochromatic

2 Hues Complementary

3 Hues Triadic

4 Hues Tetradic

Maximum value: 360

Tones:

The number of tones determine the amount of variations you'll see for each hue on the palette.

Maximum value: 100

Tint:

By selecting a color with the slider, you can tint the entire palette by the amount inputted in percentage.

Maximum value: 100

Analogous:

This checkbox enables analogous color palettes, the seperation of hues will be by the inputted amount in degrees on the color wheel.

Maximum value: 90

Names:

If this box is checked, the names of the colors will be found and shown.

Warning: High performance impact especially with higher amounts of colors generated.

Random:

If this box is checked, the base color selection is overriden and instead each hue in the palette will be randomly chosen.

Import Palette

From code:

Put the code in the text field, make sure the checkbox is checked and click generate.

STEP 3

Edit & get your palette

Hover over swatches to see color information and export your palette.

Left click (or tap) on the swatch labels to copy their contents into your clipboard.

Right click (or tap and hold) on a swatch to edit the color.

Toggle theme

View Palette

About

Changelog

Created by Ahmet Fırat Usta

Source code at GitHub

If you want to support me donate to your local no-kill animal shelter instead!

Edit palette

STEP 1

STEP 2

Import Palette

STEP 3

Export Options