Interactive Color Wheel
Pick a base color and get complementary, analogous, triadic, tetradic and split-complementary schemes.
Base color
#FF3D72
Complementary
Analogous
Triadic
Tetradic
Split-complementary
How to use: Color Wheel
- 1
Enter a color
Type a color code or choose a color with the picker — every field accepts the format it shows.
- 2
See it converted
The result updates instantly as you type, together with a live preview of the color.
- 3
Copy the code
Copy the value you need with one click and paste it into your design, CSS or print settings.
What is a color wheel
The color wheel helps you build harmonious palettes. It arranges hues in a circle, so the relationships between colors can be described by angles: the complementary color sits opposite at 180°, analogous colors are neighbours 30° away, a triadic scheme uses three hues 120° apart, a tetradic one uses four hues 90° apart, and a split-complementary scheme pairs a color with the two hues on either side of its complement.
Pick a base color in the color dialog or type its HEX code, and all five schemes update instantly. The tool rotates only the hue and keeps the saturation and lightness of your base color, so every swatch has the same intensity. Click any swatch to copy its HEX code, or hover over it to see the RGB value. For a calm design, use one color as the main one and the others as accents.
Everything runs locally in your browser — your images are never uploaded to a server.