Which photos can I sample?

JPG, PNG, WebP, and GIF open on the canvas. A HEIC still from a phone needs to become a JPG or PNG first, and then you sample the converted file. The picture is drawn at its natural size. Use the magnifier, an 11 by 11 block at 10 times, to land on the pixel you mean before you copy the code.

Which codes can I copy after I click?

The selected color shows HEX and HSL. The board shows RGB, HSV, HSL, and CMYK for that same pixel. Copy the spelling your stylesheet or your print notes already use. You do not need a second picker to translate the click. If the first pixel was a highlight, click the flat color and copy again.

Does the magnifier average the neighborhood?

The magnifier enlarges an 11 by 11 block so you can see neighbors, and the click reads the pixel you chose. Edges blend because the photo already blended them, especially on a small logo or a compressed JPEG. Aim at a flat area. If the block in the magnifier is a mix of two colors, move until the center is one color.

Will the photo be uploaded?

The sampler draws the file on a canvas in the browser. That is the right place for a picture you do not want to hand to another service just to learn a hex code. Copy the value, keep the original in your own folders, and close the tab. A public page that will display the photo is a separate decision you make later.

Why is the color duller than the object in the room?

The camera, the white balance, and a JPEG save all change what the pixel stores. Sample the file you actually have, then nudge the color if you need the memory of the cloth rather than the sensor. A file that arrived through a chat app is often softer. Ask for the original and sample that when the reading looks like mud.

Can I build a palette from this click?

This page is the pixel reading. The palette generator grows eleven shades, eleven tints, and the harmony sets from a color you select, and it includes a contrast check. Use that page when you need a ladder. Use this page when you need the code for the pixel in the photo, copied as HEX, HSL, or the board formats.

Color Picker Cluster

Image Color Picker: copy the color of a pixel in your photo

Selected color

HEX

HSL

Advanced pickers

Image canvas sampling · Interactive color board · Multi-format output

Image sampler

Drop image to sample colors

JPG, PNG, WebP, GIF

Color board

Hue217°

Color formats

HEX

RGB

HSV

HSL

CMYK

Color variations

Shades mix pure black · Tints mix pure white · Click to copy & apply

Shades (black mix)

Tints (white mix)

Color harmonies

Theory-based palettes from your selected hue

Harmony wheel

WCAG contrast checker

Background uses your globally selected color · Evaluate text readability

Text color (HEX)

Contrast ratio

3.68

Normal text

Fail

Small text

Fail

Large text

Pass AA

The quick brown fox jumps over the lazy dog

Sample body text on your selected background. Large text is typically 18pt+ regular or 14pt+ bold.

100% client-side · Canvas pixel sampling · No uploads

Need the main tool? Color Picker

Written by Safaat Rahman Siham, Founder & Developer at Convertify4u. Contact us.

The color you want is already in the photo. Open the picture, aim at the thread, the paint, or the logo, and copy the pixel you actually clicked. That is the job of this page: a sample from your image, not a guess from a color wheel. The sampler accepts JPG, PNG, WebP, and GIF. A HEIC photo from a phone should become a JPG or PNG first, then come here. The canvas draws the file at its natural size. A magnifier shows an 11 by 11 block of pixels at 10 times, with a stroke around the pixel in the middle, so you can tell a sharp thread from the blur beside it. Click when the center is the color you mean. The selected color then shows HEX and HSL at the top of the suite. The board beside the sampler carries RGB, HSV, HSL, and CMYK for that same color, so you can copy the spelling a stylesheet or a print note already uses. You are not opening a second picker to translate the pixel. One click feeds the codes. Sampling stays in the browser. The picture is drawn on a canvas on this device. That matters when the photo is a house, a product you have not launched, or a scan of a fabric you do not want sitting on a disk you do not control. Close the tab when you have the codes, and keep the original file where you already store it. Click the flat part of a color, not the edge where two areas meet. Anti-aliasing blends neighbors, and a JPEG that was sent through a chat app can mush a fine pattern into gray. If the reading looks duller than the cloth in your hand, ask for the original file and sample that. The magnifier is there so you can see the block you are about to accept. A palette of shades and harmonies is the next page when you need a ladder from the pixel, not only the pixel. This page is the reading itself. Copy it, try it on the design, and click again if the first pixel was a highlight or a shadow.

A pixel from the photo, then the code

Files the sampler opens

JPG, PNG, WebP, and GIF load onto the canvas. Convert HEIC to JPG or PNG before you sample it. The picture is shown at its own pixel size, so a small logo stays small and a large photo stays large. Zoom with the magnifier rather than expecting the page to invent a sharper file.

The magnifier is 11 by 11 at 10 times

You see a block of pixels, each drawn large, with the center marked. Use it on fabric, small type, and the edge of a logo. Click the middle of a flat area when a border would blend two colors into a third one you never mixed. The reading is the pixel you clicked.

Codes for the same swatch

HEX and HSL sit on the selected color. RGB, HSV, HSL, and CMYK are on the board for that color. Copy the one your file already speaks. If you need eleven shades and the harmony sets, the palette page grows them from this same kind of click.

How it works

1
Open the picture
Add a JPG, PNG, WebP, or GIF. Convert a HEIC still first. The canvas uses the file on this device.
2
Land on the pixel
Move the 11 by 11 magnifier until the center is the color you want, then click.
3
Copy the code
Take HEX or HSL from the selected color, or RGB, HSV, or CMYK from the board, and paste it where you design.

Use cases

A product color from a listing photo

Sample the fabric or the paint, not the studio backdrop, and paste the code into the page that should match.

A shade from a logo file

Click the flat fill of the mark. Skip the anti-aliased rim, which is a blend and not the brand color.

A starting point from a photo you took

The pixel is what the camera saved. Nudge it later if memory and the sensor disagree, and keep the original reading in your notes.

Problems we solve

The code looks gray

You may have clicked a soft edge or a chat-app JPEG. Open a sharper file and aim the magnifier at a flat area.

The photo is HEIC

The sampler list is JPG, PNG, WebP, and GIF. Convert the HEIC, then sample the converted still.

You needed a whole palette

This page copies the pixel. Shades, tints, and harmonies are the palette generator, grown from a color you select.

Related guide

Trust & technology

Sampled in the browser

The picture is drawn on a canvas here. Copy the code and close the tab when you are finished.

One pixel, several spellings

HEX and HSL are on the selected color. The board adds RGB, HSV, and CMYK for the same swatch.

Frequently asked questions

Color Picker