Pick colors from any image.

You can also drag and drop an image below or paste one with Cmd/Ctrl + V
Your browser does not support the HTML5 canvas tag.

Color preview

Selected color

HEX

{{ selectedColorOutput.hex }}

RGB

{{ selectedColorOutput.rgb }}

HSL

{{ selectedColorOutput.hsl }}

HSV

{{ selectedColorOutput.hsv }}

CMYK

{{ selectedColorOutput.cmyk }}

How to Use

  1. Select an image by either:

    • Clicking on the "Select a local image" button and selecting an image from your device.
    • Pasting an image URL in the input field and clicking on the "Load" button.
    • Dragging and dropping an image in the drop zone.
    • Pasting an image with Cmd/Ctrl + V.
  2. Click on the color you want to pick from the image. The color will be displayed in the selected color box.

  3. Click on the color value to copy it to the clipboard. The color value will be copied in HEX, RGB, HSL, HSV, and CMYK formats.

About

This is a freely available tool to pick colors from images. This tool is provided as-is and I am not liable for any color selection errors. If you have any questions, feel free to reach out.

Do you have a feature request or a request for another simple tool? Let me know!

Created by Keshia Rose

Copyright © 2024 Keshia Rose. All rights reserved.

Default image by Rodion Kutsaiev on Unsplash

Privacy

Images are processed in your browser and are not uploaded to a server.

Umami is used to collect anonymous data about site usage. Umami does not collect any personally identifiable information and anonymizes all data collected. Users cannot be identified and are never tracked across websites.