Color picker
Pick a color and get its HEX, RGB and HSL values
HEX
#6D5EF7
RGB
rgb(109, 94, 247)
HSL
hsl(246, 91%, 67%)
CSS var
--color: #6D5EF7;
Tailwind approx
[#6D5EF7]
Hue
246°
Saturation
91%
Lightness
67%
Red
109
Green
94
Blue
247
Pick colors and get HEX, RGB and HSL codes
Free online color picker. Pick any color and instantly get its HEX, RGB, HSL and CSS values. Pick colors from uploaded images too. No sign-up required.
Visual color selection
Use the interactive color wheel and sliders to visually select the exact shade you need for your design system or UI components.
Extract colors from images
Upload a reference image and use the eyedropper tool to extract exact color codes from any pixel in the picture.
Related tools
Frequently asked questions
Can I pick a color from an uploaded image?
Yes. Upload an image and use the eyedropper tool to click on any pixel and extract its exact color code.
Does it provide CSS variables?
Yes. Alongside HEX, RGB and HSL, the tool can generate ready-to-use CSS custom properties (variables).