Color Picker
Pick a color from anywhere on your screen, or enter one manually — HEX, RGB, HSL, CMYK, OKLCH.
Calculated locally in your browser.
- Sample any pixel on screen with the native EyeDropper — no screenshot, no extension.
- Five output formats at once, including CMYK for print/brand work, not just the web-focused HEX/RGB/HSL trio.
- Type or paste a HEX value, or use the OS colour dialog, and get every format alongside it.
- Runs in your browser; nothing about the colours you sample is sent anywhere.
Why this is private
- Calculated locally in your browser.
- Open your browser's DevTools → Network tab while using this tool — you won't see a request carrying your input, because it never leaves your device.
- Nothing you enter is uploaded to a server or shared with us — the processing happens entirely on your device.
Overview
Picks a color from anywhere on your screen using your browser's built-in eyedropper, or lets you enter one manually — with the result shown in HEX, RGB, HSL, CMYK and OKLCH.
How to use it
- 1Click "Pick color from screen" and click anywhere on your screen, or enter/select a color directly.
- 2Copy any of the generated formats (HEX, RGB, HSL, CMYK, OKLCH).
Frequently asked questions
What people use it for
Match a colour from a screenshot or mockupSample the exact pixel value instead of eyeballing it.
Convert a screen colour for print or brand guidelinesGet the CMYK value alongside HEX/RGB/HSL — most eyedropper tools stop at web formats.
Grab a brand colour off a live sitePull the HEX from a page you're referencing.
Build a palette by eyeSample several colours from an image, then feed one into the Palette Generator.
Related tools
All developer toolsColor ConverterConvert colors between HEX, RGB, HSL and OKLCH.Color Palette GeneratorGenerate, lock, and export harmonious color palettes.CSS Gradient GeneratorBuild a linear or radial CSS gradient from multiple colors, with a live preview and one-click copy.Contrast CheckerCheck WCAG contrast ratio between two colors, including non-text and transparency.
Ready to use Color Picker?
Color Picker