🎨 Color Picker & Palette Generator
Pick colors and generate beautiful color palettes
Base Color
HEX#667EEA
RGBrgb(102, 126, 234)
HSLhsl(229, 76%, 66%)
Color Palette
#66EAD2
#66C0EA
#667EEA
#9066EA
#D266EA
💡 Click any color to copy its HEX value. Use the lock icon to keep colors when regenerating.
Pick colors and convert between HEX, RGB and HSL instantly, with generated palettes to build a scheme around your choice. Everything runs in your browser — handy for CSS, design mockups and brand colors.
Frequently asked questions
What is the difference between HEX, RGB and HSL?
They describe the same colors differently. HEX (#3b82f6) is compact and common in CSS. RGB gives red, green and blue values from 0–255. HSL uses hue, saturation and lightness, which is easiest for humans to reason about — lightening a color just means raising L.
How do I convert a HEX color to RGB?
Enter or pick the color and all three formats are shown at once — copy whichever you need. The conversion is exact; HEX and RGB are just two notations for the same 24-bit color.
How do the generated palettes work?
Palettes are derived from your chosen color using color-wheel relationships — such as complementary, analogous and shade variations — giving you a set of colors that work together for a UI or design.