Color Picker
Color Palettes
Complementary
Analogous
Triadic
Split-complementary
How to use Color Picker
Use the color area and hue slider to pick a color visually, or type a HEX code directly. See instant conversions to HEX, RGB, and HSL. The palette section shows harmonious color combinations based on your selection.
Features
- Visual color picker with saturation/lightness area
- Hue slider for full spectrum selection
- HEX, RGB, and HSL output with one-click copy
- Color palette generation (complementary, analogous, triadic, split-complementary)
- Direct HEX input
- 100% client-side
Frequently Asked Questions
What color formats are supported?
The picker outputs HEX (e.g., #FF5733), RGB (e.g., rgb(255, 87, 51)), and HSL (e.g., hsl(11, 100%, 60%)). Click any value to copy it.
How does the palette generator work?
Based on your selected color, the tool generates harmonious palettes using color theory: complementary, analogous, triadic, and split-complementary.
Can I enter a specific color code?
Yes. You can type a HEX value directly into the input field, or use the visual picker to find your color.