Pick from an image
Drop an image here, or click to browse — then click anywhere on it to sample a color
Click anywhere on the image to sample that pixel's color.
Colors here are built from hue, saturation, and lightness sliders and then converted on the fly into HEX, RGB, RGBA, HSL, HSLA, and HSV — all mathematically equivalent representations of the same color, just useful in different contexts (CSS often wants HEX or RGB, design tools sometimes prefer HSV). You can also sample a color directly from an uploaded image by clicking a pixel on the canvas, or use the browser's native EyeDropper API to grab a color from anywhere on your screen, including outside the browser window.
Both describe hue, then a second and third value covering intensity — but HSL's "lightness" runs from black through the pure hue to white, while HSV's "value" runs from black up to the pure hue and stays there. Practically, HSL tends to be more intuitive for picking tints and shades of a color, while HSV maps more closely to how a color-mixing artist thinks about adding white or black paint.
The EyeDropper API it relies on is currently only implemented in Chromium-based browsers like Chrome and Edge — Safari and Firefox don't support it yet, so the button will show a message rather than open the eyedropper. Sampling from an uploaded image works in any modern browser since that just reads pixel data from a canvas.
Entirely in this browser's local storage, on this device — it's never sent anywhere. Clearing your browser data or opening the tool in a different browser or device will start that history over from empty.