How to use Color Wheel
- Choose a base color.
- Pick a harmony.
- Read the wheel markers and copy the HEX codes.
About this tool
The wheel arranges hues around a circle starting with red at the top. Related colors are found by rotating around it: 180 degrees for the complement, 120 degrees for a triad and 30 degrees for neighbours.
Markers show where each color of the chosen harmony falls.
Frequently Asked Questions
- What is the difference between primary and secondary colors?
- In RGB light the primaries are red, green and blue, and secondaries are cyan, magenta and yellow. In traditional paint the primaries are red, yellow and blue.
- Why does the wheel start at red?
- Hue 0 degrees is red in the HSL and HSV color models.
Related tools
- Color Palette GeneratorBuild a harmonious palette starting from a single color.
- Shades and Tints GeneratorCreate a scale of lighter and darker versions of one color.
- Random Color GeneratorPress Generate to see a fresh set of random colors.
- CSS Gradient GalleryPick a ready-made gradient and copy its CSS.
- Color Picker from ImageExtract the main colors from a photo, or click any pixel to get its code.
- Color PickerChoose a color and copy its code in every common format.