Color Picker and Converter
Pick a colour visually or pull one from an uploaded image, and get its HEX, RGB and HSL values together.
How to use the Color Picker and Converter
- Pick a colour from the picker, or upload an image and click a point in it.
- Read the HEX, RGB and HSL values.
- Copy the format you need.
About the Color Picker and Converter
The three formats suit different jobs: HEX is what you paste into most stylesheets, RGB is what canvas and image code expects, and HSL is the one to reach for when building a palette, because adjusting lightness while holding hue and saturation gives you a coherent set of tints. Picking from an image is the fastest way to match a brand colour you have only received as a logo file.
Frequently asked questions
How do I find the colour code in an image?
Upload the image and click the point you want — the exact HEX, RGB and HSL values for that pixel are shown.
What is the difference between HEX, RGB and HSL?
They describe the same colour differently. HEX and RGB give red, green and blue amounts; HSL gives hue, saturation and lightness, which is easier to adjust deliberately.
Is my image uploaded?
No. It is read locally in your browser.
Related free tools
- Image Compressor — Shrink JPG/PNG/WebP file size — 100% in your browser.
- Image Resizer — Resize any image to exact pixel dimensions.
- Background Remover — HD AI cutout with instant before/after preview.
- Image to Base64 — Data-URI for embedding images in code/CSS.
- CSS Gradient Generator — Design gradients and copy the CSS.
- Signature Maker — Draw or type a signature — transparent PNG for documents.