How to Pick a Color From Your Screen and Convert HEX/RGB/HSL
Pick a color from anywhere on your screen with the browser EyeDropper, or from an image, and copy HEX, RGB, and HSL values. Free and browser-local.
You can see a color you want to reuse — a brand color on a page, a shade in a screenshot, a swatch in a photo — but you need its exact code. A browser eyedropper solves that without installing anything.
The Haivix Screen Color Picker samples a color from anywhere on your screen with the browser EyeDropper, or from an uploaded image, and shows the HEX, RGB, and HSL values to copy.
How the EyeDropper works
The EyeDropper API lets a page open the browser's own eyedropper. It only works in response to a user action, and it returns the selected color as an sRGB hex value, per MDN. Because it is deliberate, it cannot sample your screen in the background.
Support matters: the EyeDropper is available in Chromium-based browsers — Chrome and Edge from version 95, according to Chrome for Developers — and is not supported in Firefox or Safari.
Pick from the screen in three steps
Open the Screen Color Picker and select Pick from screen.
- Move the pointer over the color you want and click it.
- Read the HEX, RGB, and HSL values, and copy whichever format you need.
- Reuse a recent color from the history, or pick another.
If your browser has no EyeDropper
In Firefox and Safari, upload an image instead: choose a file, then click a pixel on the preview to sample it. The picked color, its values, and the copy buttons work the same way.
Need to convert a color you already have? The Color Converter handles HEX, RGB, and HSL input directly.
HEX vs RGB vs HSL
HEX (#RRGGBB) is the compact form used in CSS, design tools, and most brand guides. RGB (rgb(r, g, b)) is common in design apps and code that works in channels. HSL (hsl(h, s%, l%)) is the most useful when you want to adjust a color — change the hue to shift it, the saturation to mute it, or the lightness to lighten or darken it.
Privacy
Colors are read and converted in your browser. Picking from the screen is triggered by your click, and uploaded images are sampled locally — they are never sent to Haivix servers.