How to use
- Start from one approved base color.
- Choose the harmony rule that matches the design question.
- Click a swatch, then copy HEX, RGB, or HSL into the next tool or spec.
Wave 49 expansion
Move from one color to relationship-driven choices
This page sits after color direction is roughly decided and before the final palette or contrast check. It helps when the next task is finding colors that relate by harmony, not just by lighter or darker steps.
How to choose between nearby pages
Use Color Picker when you still need the first working color. Use Color Temperature Checker when the direction still needs a warm / cool / neutral check. Use this page when the next question is about hue relationships such as analogous or complementary sets. Move to Color Palette Generator when you want tints, shades, and accent candidates around the chosen set, move to Color Scale Generator when one chosen color now needs ordered steps, move to Color Difference when two finalists need a measurable gap check, and move to Contrast Checker when final pairs must pass readability checks.
FAQ
What does this page do?
It builds harmony-based color sets such as analogous, complementary, triadic, or split-complementary from one base color.
When should I use this instead of Color Palette Generator?
Use Color Palette Generator when you want nearby tints, shades, and accents around one color. Use this page when the task is specifically about hue relationships between multiple colors.
Does it export design files?
No. It provides browser-based swatches and copyable HEX, RGB, and HSL values only.
What is stored in the share URL?
The share URL stores the base color, harmony preset, and selected harmony swatch key.