Sign up free

Color Picker from Image

Click anywhere on a picture to copy its color code, and see a palette of its main colors.

More tools
Size & cropResize ImageCrop ImageCircle CropRotate ImageFlip ImageSplit Image into GridChange Image DPI
CompressCompress ImageCompress Image to KBRemove EXIF Data
Color & effectsPhoto EditorPhoto FiltersBlack and White ImageBlur ImagePixelate ImageRound Image CornersAdd Border to Image
Text & watermarkWatermark ImageAdd Text to ImageMeme Generator
Collage & GIFStitch ImagesPhoto CollageGIF MakerEdit GIFSplit GIF into FramesCompress GIF

or drop files here

Accepts JPG, PNG, WEBP, GIF

Runs in your browser. Your files never leave your device.

About Color Picker from Image

A color picker from image helps when you need to match something you can see but don't have the code for: a brand color from a logo, the blue in a competitor's banner, a shade from a photo for your slides, or a color from a screenshot for your CSS. Open the picture, move over it with the magnifier, and click the exact spot.

Each click copies the HEX code straight to your clipboard and adds the color to a list with its HEX, RGB and HSL values, keeping your last 12 picks. The page also finds up to eight main colors in the picture, ordered by how much space they take, which makes a quick palette. It all happens in your browser, so the image is never uploaded. For resizing, compressing or cropping the same picture, see Image Tools.

How to use Color Picker from Image

  1. 1
    Open an image

    Click Choose an image and pick a JPG, PNG, WebP or GIF. It stays on your device.

  2. 2
    Hover and click

    Move over the picture with the magnifier and click the pixel you want. The color picker copies its HEX code.

  3. 3
    Copy other formats

    Use the copy buttons next to each color, or take colors from the Main colors palette.

Why use Cubfile for this

  • Magnifier for precise picks

    An enlarged view around the pointer shows the pixel you're on.

  • HEX, RGB and HSL

    Every picked color is listed in all three formats.

  • Automatic main colors

    Up to eight dominant colors, ordered by how much of the image they cover.

  • Private by design

    The picture is read by your browser and never uploaded.

FAQ

Color Picker from Image: questions and answers

How do I get the HEX code of a color in a picture?
Open the picture here and click the color. Its HEX code is copied automatically, ready to paste into CSS, Figma or Word. A brand color found this way can also be used for a QR code in the QR Code Generator.
Can the color picker read colors from a screenshot?
Yes. Choose the saved screenshot or paste it with Ctrl + V, then click the spot. Screenshots are usually PNG, which isn't compressed like a photo, so the values are very accurate.
Why do nearby pixels in a photo have different colors?
Photos contain noise and compression, so neighboring pixels vary slightly. Use the Main colors palette for an average, or pick a few spots and choose the one that looks right.
Does the color picker work on phones?
Yes. Tap the spot you want, and the HEX code is copied just like on a computer.
Is the image uploaded, and is there a limit?
Neither. The picture is read in your browser and never sent to us, and browser tools don't count toward your daily tasks.
Share Color Picker from Image with a friendIt runs in any browser, and they can try it without signing up.

Related tools

IMG Compress ImageShrink JPG, PNG, WebP and GIF with no visible loss, in bulk.
QR QR Code GeneratorMake QR codes for links, text, Wi-Fi and contacts, with your logo and colours.
IMG Resize ImageResize by pixels, percentage or social media preset, in bulk.
KBIMG Compress Image to KBHit an exact size like 20 KB, 50 KB or 100 KB for upload forms.
IMG Crop ImageCrop freely or to 1:1, 4:3, 16:9 and more. Animations stay animated.
GIF GIF MakerTurn images into an animated GIF, WebP or APNG with your timing.
😆IMG Meme GeneratorAdd captions and emoji to a picture or GIF and save the meme or sticker.
IMG Stitch ImagesJoin screenshots vertically or side by side into one image.