Advertise

Color Wheel & Harmonies

Find complementary, analogous, triadic and other matching colors.

About Color Wheel & Harmonies

Turn the color wheel to build color schemes based on color theory: complementary, analogous, triadic, split complementary, tetradic, square and monochromatic. Copy each color or export the whole scheme as CSS variables.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Image Color PickerUpload a photo and click it to get the color of any pixel. Color Name FinderWhat is this color called? Find the closest HTML color name. Color MixerBlend two colors and get every step in between. HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades. HEX to RGBConvert a HEX color code to RGB (and RGBA).