Color Picker & Palette Generator
Pick any color and instantly get HEX, RGB, HSL, HSV, CMYK values plus 7 auto-generated color palettes complementary, analogous, triadic, monochromatic and more.
Complementary
Opposite on the color wheel high contrast, energetic
:root {
--color-1: #1317dd;
--color-2: #6366f1;
--color-3: #c2c3fa;
--color-4: #f2ef64;
--color-5: #ebe81e;
}Related Tools
Other free tools useful alongside the color picker and palette generator.
Free Online Color Picker & Palette Generator
TOOLBeans color picker lets you select any color using a native picker or HSL sliders, and instantly shows the exact values in HEX, RGB, HSL, HSV and CMYK format all copyable with one click. Perfect for web designers, UI developers and digital artists who need precise color codes for CSS, Tailwind, Figma, Photoshop or Illustrator.
The palette generator automatically creates 7 color harmony schemes from your chosen color complementary, analogous, triadic, split-complementary, tetradic, monochromatic and tints & shades. Each palette includes a CSS variables export and a Tailwind config snippet. The accessibility panel checks WCAG AA and AAA contrast ratios so your color combinations meet accessibility standards. Browse 200+ curated palettes spanning 30+ unique categories including Coffee, Chocolate, Ice & Snow, Summer, Winter, Spring, Autumn, Floral, Gemstone, Candy, Ocean, Desert, Forest, Fashion, Music, Wellness, Tech, Mythical, Travel and more.