1) Choose a source
Type a color value, paste a screenshot, or upload a file from your device.
App
Color Picker
Enter a color value, paste screenshots directly, pick any pixel, and copy values ready for code.
Picker
Drag inside the square, adjust sliders, or enter a color value.
Current
Locked
136 deg
100%
#32A852
50, 168, 82
50, 168, 82, 1
70%, 0%, 51%, 34%
136, 70%, 66%
136, 54%, 43%
background: #32A852;
bg-[#32A852]
$color-primary: #32A852;
Recent picks
Image Picker
Paste screenshots instantly (no upload), or drop an image and sample any pixel.
Paste from clipboard or drop a file here.
No image loaded.
Palette from image
Tip: press Ctrl+V or Cmd+V to paste a screenshot.
How to pick or enter a color
Quick steps for extracting precise color values online.
2) Refine the color
Use the square, sliders, or image sampler to capture the exact color.
3) Copy code-ready output
Copy HEX, RGB, CSS, Tailwind, or Sass values directly into your project.
Color picker FAQ
Can I enter an existing color value?
Yes. Enter HEX, RGB, RGBA, HSL, HSLA, HSV, HSB, CMYK, or a CSS color name.
Can I use this for UI design?
Yes. It is useful for design QA, UI consistency checks, and front-end implementation.
Do images get uploaded?
No. Image sampling is handled in the browser.
What should I use after picking colors?
Try Painter for editing and Background Remover for cutouts.