◎ One toolkit,
every design task

Color Wheel

Interactive color wheel to explore hues, saturations, and color relationships. Click to select and lock colors.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

◎ Color Wheel

Color Wheel Guide

The color wheel is a circular diagram of colors arranged by their chromatic relationship. It helps designers understand color harmony, create balanced palettes, and make informed color decisions.

Hover over the color wheel to see hue values, click to select a color. The center dot shows your selected color. Use the brightness slider to adjust the value.

Pro Tips

Frequently Asked Questions

Q: What is hue?
What is hue? Hue is the pure color itself, measured in degrees on the color wheel (0-360).
Q: How do I use the color wheel for design?
How do I use the color wheel for design? Pick a base hue, then use color theory rules to build a harmonious palette.
Q: What are complementary colors and when should I use them?
What are complementary colors and when should I use them? Complementary colors are opposites on the color wheel (e.g., blue and orange). They create maximum contrast and are ideal for call-to-action buttons and attention-grabbing elements.
Q: Can I save my color wheel selections?
Can I save my color wheel selections? Click a swatch to lock it. The color wheel remembers your locked colors when you generate new schemes. Use the copy button to save all hex values.
Q: How do I choose a base color for my scheme?
How do I choose a base color for my scheme? Start with your brand color or choose a color that matches the mood you want: blue for trust, green for growth, red for energy, purple for creativity.