Search

We couldn't check your sign-in

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

Build a gradient in the gradient maker and save it as your first one.

No gradients yet

We couldn't load your gradients

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

No gradients found

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

Gradient not found

Create stunning gradients with the Gradient Maker from imagecolorpicker.com. Choose from linear and radial gradients, add multiple colors, rotate the gradient, save and share your creations. Download the CSS code directly and seamlessly integrate your gradients into your projects.

Log in to edit your saved gradients, or create a free account to start saving them.

Edit Your Gradient

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

Create stunning CSS gradients with our intuitive gradient maker. Customize colors, directions, and export your gradients instantly.

Gradient Maker - Create Beautiful CSS Gradients

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

Gradient Maker - Create Stunning Linear and Radial Gradients | imagecolorpicker.com

Gradient

Generate color codes, variations, harmonies, and check contrast ratios.

Color Code Generator & Picker

Create beautiful gradients with ease - customize colors, directions, and export your creations.

Gradient Maker

Manage and organize your favorite color palettes.

Shared gradient

Shared palette

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 download your palette as CSS, code, SVG or PNG, or log in if you already have one.

Export this palette

Frequently asked questions

Create a free account to pick colors from your image in full screen and to crop, rotate, resize and adjust it, or log in if you already have one.

Open your image in full screen

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

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

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?

Online tool to extract color codes (HEX, RGB) from images and websites. 100% free.

Thank you for keeping ImageColorPicker free for everyone

You're a Supporter

This will stop future renewals. You'll keep access until the end of your current period.

Cancel subscription?

Your subscription will be reactivated and future renewals will continue.

Resume subscription?

Thank you so much for your support. You now have access to all premium features. Enjoy!