Interactive Color Wheel

Pick colors and explore harmony schemes.

HEX
#FF0000
RGB
255, 0, 0
HSL
0, 100%, 50%
CMYK
0%, 100%, 100%, 0%
CSS Name
red
RGB Sliders
R 255
G 0
B 0
HSL Sliders
H 0
S 100
L 50
Color Harmonies
Recent Colors

Frequently Asked Questions

What are complementary colors? +
Complementary colors sit opposite each other on the color wheel, 180 degrees apart. Examples include red and cyan, or blue and orange. They create strong contrast when placed next to each other.
What is the difference between analogous and triadic color schemes? +
Analogous colors are neighbors on the wheel, typically 30 degrees apart. They create smooth, harmonious palettes. Triadic colors are evenly spaced at 120 degrees, giving more contrast while staying balanced.
How does HSL relate to the color wheel? +
HSL maps directly to the wheel. Hue is the angle (0-360 degrees), saturation is the distance from center, and lightness controls how bright or dark the color is. This makes HSL the most natural model for a color wheel.
What is a split-complementary color scheme? +
Instead of using the color directly opposite on the wheel, split-complementary uses the two colors adjacent to the complement. This gives similar contrast to complementary but with more variety and less tension.