Screen Color Picker

Pick any color from your screen and instantly get HEX, RGB, HSL, CMYK values.

#1A365Dmidnightblue
HEX#1A365D
RGBrgb(26, 54, 93)
HSLhsl(215, 56%, 23%)
CMYKcmyk(72%, 42%, 0%, 64%)
CSS Namemidnightblue

Color Breakdown

Red
26
Green
54
Blue
93
Alpha
100%

About Screen Color Picker

This tool uses the browser's native EyeDropper API (available in Chrome 95+ and Edge 95+) to let you sample any pixel color from anywhere on your screen — even outside the browser window. After picking, you instantly get the color value in HEX, RGB, HSL, and CMYK formats.

The nearest CSS named color is found by comparing against all 140 standard CSS color names using Euclidean distance in RGB space.

All color conversions run entirely in your browser using pure TypeScript — no data is sent to any server. The tool also works with manual hex input if the EyeDropper API is unavailable in your browser.

FAQ

Is Screen Color Picker free to use?

Yes, Screen Color Picker is completely free to use on UtilityCove.

Does Screen Color Picker upload my data?

No. Screen Color Picker runs in your browser, so your input stays on your device.

Can I use Screen Color Picker on mobile?

Yes. Screen Color Picker works on modern mobile and desktop browsers.