Color Wheel - Select Complementary, Analogous, and Color Schemes

Select color schemes with an interactive color wheel. Supports various harmonies from complementary to tetradic.

selectedColor
hex#ff0000
rgbrgb(255, 0, 0)
hslhsl(0, 100%, 50%)
palette
#ff0000
#00ffff

How to Use

  1. Click the color wheel to select base color
  2. Select harmony type (Complementary/Analogous/Triadic/Tetradic)
  3. Copy the generated palette

FAQ

What color schemes can be generated?
Complementary, analogous, triadic, and tetradic color schemes can be generated.
Can I copy the generated colors?
Yes. Click on each color's HEX value to copy it to the clipboard.
Are RGB and HSL formats supported?
Yes. Color values are available in HEX, RGB, and HSL formats.
Is my data sent to a server?
All processing happens in the browser. No data is sent to a server.
Can I explore color harmonies with the color wheel?
Yes, you can visually explore multiple color harmonies such as complementary, triadic, and tetradic schemes. It is also a useful reference for understanding the basics of color theory.

Related Tools

Update History

Last Updated: 2026-02-21

  • 2026-02-21 Initial release