Color Picker
Pick colors and get HEX, RGB, and HSL, including from an image.
#1A6741rgb(26, 103, 65)hsl(150, 60%, 25%)Pick from an image
Drop an image here or choose one, then click or use arrow keys on it to sample a color. Images stay in your browser.
Recommended next steps
Related tools
Convert colors between HEX, RGB, and HSL, and check WCAG contrast.
Test a regular expression against text and see matches and capture groups.
Create a QR code from any text or link and download it as PNG or SVG.
Frequently asked questions
It shows the selected color as HEX (like #1A6741), RGB (like rgb(26, 103, 65)), and HSL (like hsl(150, 60%, 25%)). Each value has its own copy button so you can paste it straight into CSS or a design tool.
Yes. Drop an image onto the tool or choose one, then click anywhere on it to sample that pixel's color. The HEX, RGB, and HSL values update to match. You can also focus the image and use the arrow keys to move the sample point without a mouse.
No. The image is decoded and read entirely in your browser using a canvas — it is never sent to a server. Nothing leaves the page, so it's safe to sample colors from private screenshots or unreleased artwork.
Type it into the HEX field. Both 3-digit shorthand (#0F8) and 6-digit (#1A6741) values work, with or without the leading #. The swatch and the RGB and HSL outputs update as soon as the value is valid.
Last updated 2026-06-23.