Ad Space
Free Color Wheel
Interactive HSL color picker with harmony schemes.
Ad Space
HEX
#FF0000
RGB
rgb(255, 0, 0)
HSL
hsl(0, 100%, 50%)
Color Harmonies
How to Use
- Click anywhere on the color wheel to pick a color, or adjust Hue, Saturation, and Lightness sliders.
- View the selected color in HEX, RGB, and HSL formats below the wheel.
- Click any color harmony swatch to see complementary, analogous, triadic, and split-complementary schemes.
Frequently Asked Questions
What is a color harmony?
Color harmony refers to a pleasing arrangement of colors based on their position on the color wheel. Common harmonies include complementary (opposite), analogous (adjacent), and triadic (equally spaced) colors.
What's the difference between HEX, RGB, and HSL?
HEX is a 6-digit hex code (#RRGGBB). RGB uses red, green, and blue values (0-255). HSL uses hue (0-360°), saturation (0-100%), and lightness (0-100%).
Can I use these colors in my designs?
Yes! Copy any color value and paste it directly into your CSS, design software, or web application. All values are standards-compliant and widely supported.