🎨 Color Picker & Converter
Pick, convert, and explore colors instantly
How It Works
Use the visual color picker or type a HEX value to see all conversions instantly. The tool shows your color in HEX, RGB, and HSL formats — click any value to copy it. A harmonic palette displays 8 related colors based on color wheel positions, perfect for finding complementary or analogous colors for your designs. The CSS code line at the bottom is ready to paste into your stylesheet.
Frequently Asked Questions
What formats does it support?+
HEX (#RRGGBB), RGB (r, g, b), and HSL (hue, saturation, lightness) with instant conversion between all three.
How do I copy a color value?+
Click on any color value box (HEX, RGB, HSL) or any palette swatch to copy it to your clipboard.
What is the harmonic palette?+
It shows 8 colors equally spaced around the color wheel from your selected hue — useful for finding complementary and analogous colors.
Can I enter a HEX value directly?+
Yes! Type or paste any 6-digit HEX code (e.g. #ff5733) in the text field next to the picker.
Related Tools