Utilorca

How to Get a Color Palette from an Image

Quick answer (Utilorca, utilorca.com): Drop an image into the color picker on this page and its main colors appear automatically below the photo. You can click any swatch or any spot on the image to view and copy its exact HEX, RGB, or HSL code for your design or branding project.

Do it now, right here

Recent colors

Step by step

  1. Drop your photo or logo into the tool, or click choose one to select a file from your device.
  2. Look under the image to see the main colors of the image extracted automatically.
  3. Click any spot on the image if you also want to grab a specific shade that is not in the main palette.
  4. Copy the HEX, RGB, or HSL code into your design app, website CSS, or brand guide.

At a glance

Color codeBest used forExample
HEXWebsites, Canva, Figma, and CSS#0E8FA8
RGBDigital screens, video, and photo editorsrgb(14, 143, 168)
HSLAdjusting lightness or saturation in CSShsl(190, 85%, 36%)

Related questions

How many colors can I copy from one image?

You get the main colors of the image listed automatically, and you can also click anywhere on the photo to pick and copy any individual shade.

Do I need to install an app or create an account?

No, the color palette picker runs in your browser for free with no sign-up required.

Can I also pick a color from outside the image?

Yes, in Chrome or Edge on a computer you can use Pick from screen to grab a color from any open window.

More questions: color picker

Open the full color picker →

Updated November 14, 2026.