What is Color Wheel?

Pick a base color and see complementary, analogous, triadic, split-complementary, and tetradic schemes on an interactive wheel. Copy colors as HEX, RGB, or HSL and export the full palette.

How to use

  1. Click or drag on the color wheel to pick your base hue, or enter a specific HEX value in the input field.
  2. Choose a harmony type (complementary, analogous, triadic, split-complementary, or tetradic) to see matching colors highlighted on the wheel.
  3. Copy any generated color as HEX, RGB, or HSL by clicking the swatch. Export the full palette to use in your design tools.

Result

A web designer picks #E87040 as a brand color, switches to triadic harmony, and gets three balanced accent colors for their landing page — all with one click.

Related Tools