Color Picker & Image Color Picker
Choose a color directly or load an image and click any visible pixel. The tool instantly converts the selected color to HEX, RGB and HSL, with the image processed locally in your browser.
Tip: paste or type a six-digit HEX color in the first field and leave the field to update the preview.
Choose or drop a common image file, then click or tap the image to sample a pixel.
The image stays on this device for color sampling.
How to pick a color from an image
Select an image from your device. Once it appears, click or tap any point to read that pixel. The preview and HEX, RGB and HSL values update immediately, so you can copy the format you need for CSS, design systems, presentations or everyday creative work.
Privacy-first image sampling
The browser uses the Canvas API to decode and sample the selected image. The tool does not need to upload the image to KING AI to identify the color. If an image is sensitive, you should still use a trusted device and browser.
What the formats mean
- HEX is common in CSS and design specifications.
- RGB expresses red, green and blue channel values from 0 to 255.
- HSL expresses hue, saturation and lightness, which can be easier for adjusting related colors.