Welcome back

Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.

Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.

A color and its opposite on the color wheel, +180 degrees of hue. High contrast.

Get useful color information about color 123456 like conversion, combinations, blindness simulation and more.

HTML Color Picker: 123456

Three colors of the same hue with luminance values +/-50%. Subtle and refined.

A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.

Two sets of complementary colors, separated by 60 degrees of hue.

Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.

The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.

Name

Contact Us

Choose a color using the color picker for text and background color or enter a color in RGB hexadecimal format (e.g., #259 or #2596BE). You can adjust the slider to select color. The Web Content Accessibility Guidelines (WCAG) has a specific guideline to help figure out whether text is readable for sighted users. This criteria uses a particular algorithm to map color combinations into comparable ratios.  Using this formula, WCAG states that a 4.5:1 color contrast ratio with text and its background is adequate for regular (body) text, and large text (18+ pt regular, or 14+ pt bold) should have at least a 3:1 color contrast ratio.

Color Contrast Checker: With this online tool you can get details about the contrast ratio of text and background colors 123456. 

Color Contrast Checker: 123456

Attention needed

To use this feature you need to create a FREE imagecolorpicker account. You will have access to more functions afterwards.

Create a new Palette

Edit Your Palette

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.

Edit Your Gradient

Gradient title is required

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.

Your Saved Palettes

Shared Gradient

Shared Palette

We noticed you're using an ad blocker. That's okay! You can support us with a small donation to keep this tool free for millions of users. Every coffee helps us maintain and improve the service.

Ad blocker detected - Support us with a coffee instead!

 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.

Color Picker: With this online tool you can upload an image or provide a website URL and get the RGB Color, HEX Color and HSL Color code. 👍

👍 Color Picker online | HEX Color Picker | HTML Color Picker

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.

You can use this feature 3 times free, then watch a quick ad for 3 more uses. Your support helps us keep this tool free for 3+ million users worldwide.

Watch a 15-second ad to continue using it free

You've used this feature 3 times!

We are still at the very beginning of our color picker journey, there will be many more features to come, it's worth it.

Enter your email address and we will send you a secure link to sign in.

Palette title is required

You have not saved a color palette yet. Save one and you will find it here.

The color palette that was shared with you no longer exists, probably it was deleted by the creator. Contact the person from whom you received this link.

Palette

Title is required

This website is made through advertising. You have a blocker. We understand that you will not see advertisements. This website costs us money to run and maintain. We are very happy about every coffee!

An online tool to pick colors from images, websites, and your screen. Get HEX, RGB, and HSL color codes instantly.

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

ImageColorPicker.com

Color Code Generator & Picker

Color Conversion

#a100ff

Variations

Shades

Tints

Color Combinations

Complement

Split-complementary

Triadic

Analogous

Monochromatic

Tetradic

Color Contrast Checker

Text Color

Background Color

Contrast