Color Picker & Palette Generator
Pick any color, get HEX, RGB & HSL values instantly. Generate beautiful palettes — free and private.
Complementary
Analogous
Triadic
How to use the color picker
Click anywhere on the gradient canvas to select a color. The large square shows all possible saturation (horizontal) and brightness (vertical) combinations for the selected hue. Use the rainbow slider below the canvas to change the base hue. All color values update in real time and can be copied with a single click.
The palette generator creates harmonious color combinations based on color theory. Complementary colors sit opposite each other on the color wheel, analogous colors are neighbors, and triadic colors form an equilateral triangle — giving you professional palettes instantly.
Supported color formats
Every color you pick is shown in three formats: HEX (e.g. #6366F1), RGB (e.g. rgb(99, 102, 241)) for CSS and design tools, and HSL (e.g. hsl(239, 84%, 67%)) for intuitive hue-saturation-lightness control. Click any value to copy it to your clipboard.
Frequently asked questions
How does this color picker work?
Click on the gradient canvas to pick a color. The horizontal axis controls saturation, the vertical axis controls brightness. Use the hue slider to change the base color.
What is a color palette generator?
It creates harmonious color sets based on your chosen color using complementary, analogous, and triadic color theory relationships.
Can I pick a color from my screen?
Yes, if your browser supports the EyeDropper API (Chrome and Edge). Click the Eyedropper button to sample any color on your screen.
Is this free?
Yes, 100% free with no limits and no sign-up required.