Search

We couldn't check your sign-in

{count, plural, one {It stays in the trash for {days} days, so you can still restore it.} other {They stay in the trash for {days} days, so you can still restore them.}}

{count, plural, one {Move # item to the trash?} other {Move # items to the trash?}}

{count, plural, one {# item was in a collection that is shared. If you restore it there, anyone with the project link can see it.} other {# items were in collections that are shared. If you restore them there, anyone with the project link can see them.}}

{count, plural, one {Restore into a shared collection?} other {Restore into shared collections?}}

The free plan holds up to {limit} palettes. Delete one, or become a supporter to copy this one.

Couldn't copy the palette

Copy into a shared collection?

It stays in the trash for {days} days, so you can still restore it.

Move {name} to the trash?

Choose what type of item to add to this collection

Your collection has been created successfully

We couldn't load this collection

The collection you're looking for doesn't exist or isn't publicly available

It may have been deleted, or the link is wrong.

Your collections have been reordered successfully

"{name}" will be deleted. The palettes, gradients and colors in it stay in your library. This can't be undone.

Delete collection?

Update the item details and save your changes

We couldn't load the items

Please wait while we load the collection details

Create a collection to organize your colors, palettes and gradients.

Add colors, palettes or gradients to this collection.

The owner hasn't added a collection to this project yet.

The owner hasn't added anything to this collection yet.

Collections

Tell us what bothered you. Your rating is saved together with your note. We only use it to improve the tool and never publish it.

{average} out of 5 from {count, plural, one {# rating} other {# ratings}}

Would you also rate us on Trustpilot? It only takes a minute and helps us a lot.

Thanks for your rating!

Untitled gradient

Untitled palette

Create a new Palette

Create a free account to keep your colors in one place, or log in if you already have one.

The palette, project or collection may have been deleted in the meantime. Check your selection and try again.

This palette can't be saved here anymore

This palette was saved by a newer version of the app. Reload the page, then save again.

Reload to save this palette

Your changes were not saved, so nothing was overwritten. Reload the page to see the saved version, then make your changes again.

This palette was saved since you opened it

Sign in again to save this palette. It stays here in the meantime.

You're signed out

Something went wrong with the connection or on our side. Your palette is still here. Try again: if the first attempt went through, you won't get a duplicate.

Your palette may not have been saved

Create a free account to keep it and find it again on any device, or log in if you already have one.

Save this palette

Sign in or create a free account to keep this palette. Free accounts can save up to {limit} palettes.

Save it with a free account

All the colors you saved, across projects.

Your Colors

All the gradients you saved, across projects.

Your Gradients

View and manage your saved color palettes

All the palettes you saved, across projects.

Your Palettes

Organize your colors, palettes, and gradients into projects and collections

My Projects

Manage your newsletter, passkeys and account.

Permanently remove your account and everything in it.

This permanently deletes your account, your saved palettes, shared links, email address and all other data that belongs to it. This can't be undone.

Delete account?

Delete account

Newsletter

You won't be able to sign in with this passkey anymore. This can't be undone.

Delete passkey "{name}"?

Passkeys

Your payment went through. This usually takes a few seconds.

Confirming your support...

We couldn't load your subscription

Your Supporter status can take a minute to show up. Check again in a moment.

Your payment went through

Your subscription

Go ad-free and support independent development.

You're not a Supporter yet

Dashboard

Ads help cover running costs. Support the project for one small yearly payment and get a year without ads, plus more space in your library.

Help keep these tools free

 Use the online image color picker above to select a color and get the HTML Color Code of this pixel. Also you get the HEX color code value, RGB value and HSV value. Under 'Use Your Image' You can upload your own image (for example a screenshot of your desktop), paste an image from clipboard, put a picture url in the textbox below. Or use a website url, you will see a thumbnail on the left side.

Drop an image file to use it in the color picker.

Image Upload

Create a free account to crop, rotate, resize and adjust your image, or log in if you already have one.

Edit your image

Create a free account to download your palette as CSS, code, SVG or PNG, or log in if you already have one.

Export this palette

Frequently asked questions

Upload an image, paste from clipboard, or enter a URL to instantly pick colors. Get HEX, RGB, HSL codes free, no signup required.

Pick Colors from Any Image: Free HEX, RGB & Color Codes

We couldn't open this image

Your palette wasn't saved

More free color tools

If you are on a Mac or computer with a current operating system and current browser, then you can use the feature. Safari, Edge , Firefox and Chrome have been tested by us. The look may differ slightly.

Your image couldn't be restored

New colors from the image replace your palette, including the names and locks you set in the editor.

New colors from the image replace your palette, including the colors you picked.

Replace your palette?

Upload a photo, paste a screenshot or link to an image.

Use your image

A magnifier shows the exact pixel and its HEX, RGB and HSL code.

Click to pick

Add colors to your palette, then copy, download or save it.

Build your palette

Name A to Z

Moved {moved} of {total} to {destination}.

Moved {moved} of {total} to different destinations.

Colors, order and transparency (8 bits) as a JSON array of HEX codes. Names are not included.

Colors, names and order as an Adobe swatch file (ASE) for Photoshop, Illustrator and other design apps. The title becomes the group name. Transparency and roles are not included, and names are cut to 64 characters.

Code

Colors, order and transparency as CSS variables. Names become variable names with letters a to z, digits and dashes.

Names, HEX codes and exact transparency as a table for spreadsheets. Roles and the title are not included.

Colors, order and transparency as HEX codes. Names are not included.

Replace this palette with colors from pasted text or a file. You can undo it afterwards.

Import palette

Colors, order, exact transparency, names, roles and the palette title as JSON. Locks and image sources are not included. The Import dialog reads back the colors, names and roles, not the title.

Colors and transparency (8 bits) as Jetpack Compose values. Names become UpperCamelCase identifiers with letters and digits only. Roles and the title are not included.

Colors, order and transparency (8 bits) as codes in one line. Names are not included.

Notes

Colors, order and names as a JSON object, with transparency (8 bits). A name that is only a number, or that repeats, gets a prefix or a number.

Colors in order, with transparency, as a picture at twice the size. The title, HEX codes and names are drawn if you pick them. Long names are shortened. Roles are not included.

Preview

Colors, order and transparency as SCSS variables. Names become variable names with letters a to z, digits and dashes.

{count, plural, one {# color ready to import} other {# colors ready to import}}

Colors in order, with transparency, as a vector image. The title, HEX codes and names are drawn if you pick them. Long names are shortened. Roles are not included.

Colors and transparency as SwiftUI constants. Names become camelCase identifiers with letters and digits only. Roles and the title are not included.

Colors, order and transparency as Tailwind theme colors. Names become class names with letters a to z, digits and dashes. Shades from 50 to 950 can be generated from each color, and the color itself stays as it is. Roles and the title are not included.

Show the title

Colors, order, transparency and names as design tokens (DTCG 2025.10 format). Works with tools that read this format.

Design tokens

Colors, order and transparency. Names and locks stay out of links.

Pick colors from an image and save them as your first palette.

No palettes yet

It was saved by a newer version, and opening it here could lose parts of it. Reload the page to get the latest version.

This palette needs a newer version of the app

We couldn't load your palettes

Nothing matches "{query}". Try a different search.

No palettes found

This palette may have been deleted, its link may have been turned off, or the link is wrong.

Title is required

Your browser or an ad blocker is blocking the payment window. Please allow paddle.com and try again.

Checkout couldn't load

Checkout is still loading

Supporters use ImageColorPicker ad-free and save unlimited palettes. Your support keeps the tools free for everyone.

Enjoying the palette tools?

Become a supporter for unlimited collections and ad-free ImageColorPicker.

You've reached the collection limit of the free plan

Become a supporter to save unlimited palettes and use ImageColorPicker ad-free. Or delete palettes you no longer need to get back under the limit.

You've reached the free limit of {limit} palettes

Become a supporter for unlimited projects and ad-free ImageColorPicker.

You've reached the project limit of the free plan

A year without ads. Support free tools.

Apply a palette to a photo

Edit your images

Download CSS variables and design tokens.

Export for design and code

Cut out a subject and add a color or gradient background.

Remove backgrounds

Choose a color in your image and change it.

Replace a color

Enlarge images with AI

What we're building

Get a year without ads, unlimited saved palettes and projects, and support free color tools. One simple yearly plan. Every tool stays free.

Become a supporter: a year without ads | ImageColorPicker

You can support the project anytime later.

Changed your mind?

Thank you for supporting ImageColorPicker. To turn off ads and unlock your supporter features, create a free account with the same email you used at checkout.

Thank you for supporting ImageColorPicker. Your year without ads starts as soon as your payment is confirmed, usually within a minute. You're helping keep the tools free and fund improvements.

You're now a supporter

Become a supporter

"{name}" moves to Archived. You can restore it any time.

Archive project?

"{name}" and its collections will be deleted. The palettes, gradients and colors in it stay in your library. This can't be undone.

Delete project?

Update your project's name and description

We couldn't load your projects

Please wait while we load the project details

Archive a project from its menu and it will show up here.

Favorite a project from its menu and it will show up here.

Projects are optional. Start with a palette and organize it later.

Your project has been created successfully

We couldn't load this project

The project you're looking for doesn't exist or isn't publicly available

Your project has been updated successfully

Organize your design assets into projects

Continue where you left off

Unarchive project?

Before link sharing existed, anyone who has the older link to this gradient (the address with its ID) could open it. That older link still works and shows the name and colors.

Turn off the older link?

Older link

Before link sharing existed, anyone who has the older link to this palette (the address with its ID) could open it. That older link still works and shows the name and colors.

Share {name}

Anyone with the link will see the collections you check, with their palettes, gradients and colors. They won't see your images. You can change this at any time.

Choose what the link shows

Collections on the link

Share this project with a link and choose what the link shows.

Only you can see this project. Share it with a link to let anyone with the link view the collections you choose.

Private

Anyone with the link can view the collections shown below, with their palettes, gradients and colors. They can't see your images or change anything.

Shared with a link

The project link stops working at once. Your collection choices are kept if you share the project again.