Color Picker & Palette Generator – HEX, RGB & HSL Converter
Select any colour to instantly get its HEX, RGB, and HSL codes, and generate complementary colour palettes for your design or branding project.
#22C55E
Generate Palette
Saved Colors
No saved colors yet
Results
What is this tool?
A free Colour Picker lets you select any colour from a visual picker or enter a known value (HEX, RGB, or HSL) and immediately see all equivalent colour codes. It also generates harmonious palettes — complementary, analogous, triadic, and monochromatic — to speed up design work. Graphic designers, web developers, and brand managers use it to extract exact colour values and build consistent visual systems without needing Photoshop or Figma.
How to use this tool?
1. Use the colour picker canvas to click and select any colour visually
2. Alternatively, type a known HEX, RGB, or HSL value directly into the input
3. Copy the HEX, RGB, or HSL code for the selected colour
4. Scroll down to see the generated colour palette variations
5. Click any palette colour to select it and copy its values
6. Use the codes directly in CSS, design tools, or brand style guides