Illustrative preview
Find complementary, analogous, triadic, tetradic, and square color schemes. Adjust HEX, saturation, and lightness, then copy matching colors free with no account.
Drag to pick a base color — copy hex codes for every classic harmony.
Complementary colors sit directly opposite each other on the color wheel — blue and orange, red and green. They create the strongest possible contrast and vibrancy, which makes designs feel energetic and makes calls to action pop. Use one color as dominant and its complement sparingly as an accent to avoid visual tension.
Split-complementary takes a base color plus the two colors adjacent to its complement. You keep the high contrast of a complementary scheme but soften the tension, making it much harder to get wrong. It is a great starter scheme: one dominant hue, two supporting accents, and a naturally balanced result.
Analogous schemes use three neighboring colors on the wheel, such as yellow, yellow-green, and green. Because neighbors share an undertone, the result feels serene, harmonious, and natural — think sunsets and forests. Choose one dominant color, use the neighbors for support, and add a neutral for contrast.
A triadic scheme picks three colors evenly spaced 120 degrees apart, like red, yellow, and blue. It stays vibrant even when you use pale or muted versions, and it remains balanced because no hue dominates by proximity. Let one color lead and reserve the other two for accents and highlights.
Tetradic (rectangle) schemes use four colors arranged as two complementary pairs, spaced 60 degrees apart. They offer the richest variety of any classic harmony, but they are also the hardest to balance — pick one dominant color, mute the others, and watch the ratio of warm to cool hues carefully.
A square scheme spaces four colors evenly, 90 degrees apart around the wheel. Like tetradic, it pairs two complementary duos, but the even spacing gives a punchier, more playful balance of warm and cool. It works best when one color clearly dominates and the rest appear as small accents.
Once a complementary or triadic set looks right, build a 3 to 8 color palette you can lock and export as CSS or JSON, and check what each hue is said to signal before it goes on a brand. To try the scheme on a real object in a photo, recolor that object by describing it.
Review the main capabilities before you begin.
Available controls for Color Wheel.
Tools for common next steps after Color Wheel.
Creative & Design
Generate 3–8 color palettes with harmony modes, lock and share colors, then export PNG, CSS variables, or JSON.
Try it nowCreative & Design
Explore color meanings, psychology, symbolism, cultural context, brand examples, and suggested pairings for any HEX value.
Try it nowPhoto Editing & Utilities
Select any pixel for HEX, RGB and HSL values, or export the dominant palette as JSON or CSS variables.
Try it nowReal problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start.
See every classic harmony computed live from a base color you choose, with a plain-English explanation of when and why each scheme works.
Type your brand hex into the wheel and use split-complementary or triadic schemes to find accent colors that contrast without clashing.
Each harmony is applied to a small sample card — header, body, button, and dots — so you can judge combinations in context instead of as abstract swatches.
Use analogous harmonies for natural, serene scenes and complementary ones for dramatic focal points, copying exact hex codes into your painting app.
Every photo crosses the slash untouched and comes out the other side finished.
