Picking an exact color from any image
Upload an image and click anywhere on it to read that exact pixel's color as HEX, RGB, and HSL values - useful for matching a brand color from a logo, pulling a color from a photo for a design, or just inspecting what a specific shade actually is. Everything runs locally in your browser using canvas pixel data; your image is never uploaded.
Why three different color formats are shown at once
HEX is the compact format most common in CSS and design tools, RGB breaks the same color into its red, green, and blue channel values (useful when you need to adjust one channel programmatically), and HSL describes the same color by hue, saturation, and lightness - a format that's often more intuitive for creating related shades, like a lighter or more saturated version of the same base color. Having all three available means you don't need a separate converter for whichever format your specific project needs.
Why edges and compressed areas can give an unexpected reading
If the image has anti-aliased edges or compression artifacts (common in JPEG), colors near edges or in heavily compressed areas can shift slightly from the "true" underlying color, since those pixels are often a blend created by the image format itself rather than a pure sample of the original color - clicking in the middle of a solid, uncompressed-looking area gives the most accurate reading.
Working from a screenshot instead of a photo
Any image file works here, including a screenshot - which makes this a quick way to pull an exact color value from a webpage, an app's interface, or a design mockup you don't have the original source file for, simply by taking a screenshot and uploading it.