{{ studioSub }}
How it works
{{ st.desc }}
About
{{ aboutP }}
Use cases
Pull exact HEX values from a mockup or screenshot straight into your CSS.
Identify the precise colors in a logo or brand asset and reuse them perfectly.
Sample colors from references to build cohesive, intentional palettes.
Read tones from a photo to match grades or check skin and sky values.
Convert any screen color to CMYK to prepare artwork for printing.
Read exact values to test and document foreground/background contrast.
Color formats
Four ways to write the same color. Every picker shows them all at once.
Six digits, two each for red, green and blue. The web's default. Paste it straight into CSS.
Red, green and blue from 0 to 255. How screens build color. Add alpha (rgba) for opacity.
Hue, saturation and lightness. The easiest format for tints, shades and harmonies.
Cyan, magenta, yellow and key. The inks used in print.
FAQ
Yes. Completely free with no sign-up, no watermark and no limits. Everything runs in your browser.
Every color is shown as HEX, RGB, HSL and CMYK, plus its nearest named color. Each value has a one-click copy button, and every picker also builds a palette you can copy or download.
No. When you use the image picker, your image is read inside the browser and never leaves your device. Nothing is uploaded or stored on a server.
Yes. In Chrome and Edge the "Pick from screen" button opens the system eyedropper so you can sample any pixel on your screen, not just inside the tool.
No downloads or extensions. It works in any modern browser on desktop and mobile. Open the page and start picking.