Screen Color Picker
Pick any color from your screen and instantly get HEX, RGB, HSL, CMYK values.
Color Breakdown
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.