About ImgColorPicker

ImgColorPicker is a collection of 29 free tools for anyone who works with images and color: designers, developers, photographers, marketers, students and the simply curious.

What we believe

Your images are yours. Every image tool runs in your browser. Files are never uploaded to our servers, so there is nothing for us to store, lose or leak.
Tools should be fast. No sign-up, no install and no heavy frameworks. Pages load quickly on any connection and work well on phones.
Accuracy matters. Every number a tool shows comes from a published standard or a well-documented method, listed below.
Free for everyone. The site is supported by a small number of non-intrusive ads.

How the tools work

When you open an image, your browser decodes it and draws it on a canvas on your own device. The tools then read the pixels directly, so a color you pick is the exact value stored in the image, and a compressed or resized image is produced by your browser's own encoders. Nothing is sent over the network, which is also why the tools keep working if your connection drops after the page has loaded.

To save you time, the tools remember things like your settings, saved colors, palettes, gradients and the last image you used. This is stored only in your browser (local storage and IndexedDB) on your device. You can clear it at any time from the link in the footer or by clearing your browser data. See the privacy policy for details.

Standards and methods we use

Color conversions follow the CSS Color Module Level 4, using the sRGB color space with a D65 white point, so values match what browsers render.
Perceptual color work (palettes, scales, mixing, color names and clustering) uses OKLab and OKLCH, color spaces designed by Björn Ottosson around how people perceive color.
Contrast is checked against WCAG 2.2 success criteria 1.4.3, 1.4.6 and 1.4.11, and also scored with APCA, the method proposed for WCAG 3.
Color blindness simulation uses the model by Machado, Oliveira and Fernandes (2009), computed in linear RGB.
Luminance and histograms use the Rec. 709 coefficients that apply to sRGB.
Image metadata is read according to the EXIF standard for JPEG, PNG, WebP and TIFF files.

What you can do here

Image Color Tools: Pick and extract colors from your photos, right in the browser.
Color Tools: Convert, mix and generate colors and palettes.
Design Tools: Gradients, shadows, contrast checks and palette exports for CSS.
Image Utilities: Inspect dimensions, metadata and pixels, or encode images.
Image Editing: Compress, convert, resize, filter and make favicons without uploading anything.

Start with the Image Color Picker to grab exact colors from a photo, or the Image Color Extractor to turn an image into a palette. From there, convert, mix and generate colors, build gradients and shadows, check accessibility, and resize, compress and convert your images. See all tools.

Browser support

The tools work in the current versions of Chrome, Edge, Firefox, Safari and Opera on Windows, macOS, Linux, Android, iOS and iPadOS. A few features depend on your browser: the screen eyedropper needs a Chromium-based browser such as Chrome, Edge or Opera, AVIF export needs a browser that can encode AVIF, and HEIC photos open in Safari.

Get in touch

Have an idea for a new tool, spotted a wrong value or found a bug? Send us a message. We read everything, and many of the features on this site started as suggestions.