๐ŸŒ
Image Color Picker
imagecolorpicker.com โ€บ home
Pick Colors from Any Image โ€“ Free HEX, RGB & Color Codes
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 ...
2596BE Fjord Signal
Fjord Signal is a crisp teal-blue perfect for modern branding and UI with confident maritime clarity. HEX, RGB, HSL, CMYK & more for #2596BE.
Celestial Whisper (#ffffff)
A soft embrace of light that dances with purity, invoking a sense of boundless space and serene tranquility. This color whispers of new beginnings and the gentle embrace of dawn breaking over a still horizon. Get HEX, RGB, HSL, CMYK values, harmonies, contrast checker and more for #FFFFFF.
๐ŸŒ
HTML Color Codes
htmlcolorcodes.com โ€บ image-color-picker
Image Color Picker โ€“ HTML Color Codes
Upload an image and instantly extract its primary colors, generate a unique palette from colors in the image, and export hex, RGB, HSL and OKLCH color codes.
Discussions

css - How to determine the color html code of a region in an image - Stack Overflow
Is there a way to determine the html code of the color of a section in an image. In my case I have a logo in png format and I want to know the color's html code of a section in the logo so that the... More on stackoverflow.com
๐ŸŒ stackoverflow.com
Tip: How to get color values using Photos
I wish I could give much more upvotes than only one, thank you More on reddit.com
๐ŸŒ r/ios
7
135
December 16, 2021
How do I find out the html color code of a color in my image? โ€“ Ribbet Blog
I have a three color foreground image I want to place on top of a background image that is one solid color, and then combine both images. I would like the background image color to match one of the three colors in the foreground image. Is there a way to find out the html color code of the color ... More on blog.ribbet.com
๐ŸŒ blog.ribbet.com
June 8, 2018
Online Color Picker From Image
You can also use Eye Dropper .... Very useful plugin for google chrome Eyedropper Website More on reddit.com
๐ŸŒ r/web_design
14
67
July 5, 2019
People also ask

How do I find the exact color code of an image?
Upload your image to our color picker, then click on the exact pixel you want. The tool instantly displays the HEX, RGB, HSL, and CMYK values for that pixel.
๐ŸŒ
imagecolorpicker.com
imagecolorpicker.com โ€บ home
Pick Colors from Any Image โ€“ Free HEX, RGB & Color Codes
Is Image Color Picker free to use?
Yes, Image Color Picker is 100% free. No signup or registration is needed. Your images are processed entirely in your browser โ€” no data is uploaded to our servers.
๐ŸŒ
imagecolorpicker.com
imagecolorpicker.com โ€บ home
Pick Colors from Any Image โ€“ Free HEX, RGB & Color Codes
What is a HEX color code?
A HEX color code is a 6-digit code that represents a color using hexadecimal values (e.g. #FF5733). It is the most common format used in web design, CSS, and graphic tools.
๐ŸŒ
imagecolorpicker.com
imagecolorpicker.com โ€บ home
Pick Colors from Any Image โ€“ Free HEX, RGB & Color Codes
๐ŸŒ
Html Color Codes
html-color-codes.info โ€บ colors-from-image
Image Color Picker Online - Extract HTML Colors From Image (Hex,RGB)
Use our online image color picker to extract HTML colors from image and accurate color codes. Upload an image to get HEX, RGB, and HSL values instantly. The ultimate image Web-Color picker tool for designers and developers.
๐ŸŒ
RedKetchup
redketchup.io โ€บ color-picker
Color Picker - Color from Image, HEX, RGB, HTML | RedKetchup
Pick colors from an image, sampler, or spectrum. Convert HEX, RGB, HSL, HSV, CMYK, HTML/CSS colors. Select colors from a PNG, JPEG, WEBP, HEIC, GIF, ICO, TIFF, BMP, or SVG image.
๐ŸŒ
Figma
figma.com โ€บ home โ€บ image color picker
Color Picker from Image & Hex Color Picker | Figma
Use Figma's free color picker to upload an image, select HEX, RGB, HSL, or HSB codes, and create custom color palettes for designs, branding, and projects.
๐ŸŒ
HTML Color Codes
htmlcolorcodes.com
HTML Color Codes
Find that perfect color with our color picker and discover beautiful color harmonies, tints, shades and tones; input Hex color codes, RGB and HSL values, and generate HTML, CSS and SCSS styles.Pick a colorTry it ... Extract colors and palettes from an uploaded image.
Find elsewhere
๐ŸŒ
Chrome Web Store
chromewebstore.google.com โ€บ detail โ€บ color-picker-for-chrome โ€บ clldacgmdnnanihiibdgemajcfkmfhia
Color Picker for Chromeโ„ข - Chrome Web Store
Grab colors from web pages. Color picker, color history. Live smart color picker tool in HEX, RGBA. Eyedropper colorpick for free ... Average rating 4.3 out of 5 stars. Learn more about results and reviews. Font finder for images, texts and websites to check Font Family, size, height ... Average rating 3 out of 5 stars. Learn more about results and reviews. HEX, RGB Color picker, Advanched Eyedropper, Find color code on any page
๐ŸŒ
ArtyClick
artyclick.com โ€บ html-color-picker-from-image
HTML Color Picker from Image | HTML Color Names | ArtyClick
The feature "HTML Color Picker from Image" provides the HTML names for a given color.
๐ŸŒ
Color Picker From Image
colorpickerfromimage.com
Color Picker From Image
Once the image is loaded, you can click anywhere on the image to select a specific color from a pixel in the image. The tool will display the selected color along with its name and its hexadecimal, RGB, HSL, and CMYK color code in the sidebar.
๐ŸŒ
W3Schools
w3schools.com โ€บ colors โ€บ colors_picker.asp
HTML Color Picker
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING INTRO TO HTML & CSS BASH RUST TOOLS ยท Colors HOME Color Names Color Values Color Groups Color Shades Color Picker Color Mixer Color Converter Color RGB Color HEX Color HSL Color HWB Color CMYK Color NCol Color Gradient Color Theory Color Wheels Color currentcolor Color Hues Color Schemes Color Palettes Color Brands Color W3.CSS Color Metro UI Color Win8 Color Flat UI Color Psychology
๐ŸŒ
Image-color-picker
image-color-picker.com โ€บ home
Simple and Fast Image Color Picker
March 5, 2024 - 2. Choose the color. Drag the crosshair mouse cursor on the image you have uploaded and click to find out the color code. 3. See Result. After the color you want is selected, you can see a preview and the results of the HEX value (HTML color ...
๐ŸŒ
Reddit
reddit.com โ€บ r/ios โ€บ tip: how to get color values using photos
r/ios on Reddit: Tip: How to get color values using Photos
December 16, 2021 -

Just shared this as a comment elsewhere, and realized it could be helpful in general here.

  1. Take a screenshot, if necessary.

  2. In Photos app, select the photo.

  3. Tap Edit.

  4. Tap the Markup symbol.

  5. Tap the color circle.

  6. Tap the color dropper icon.

  7. Drag color picker circle over a color.

  8. Release picker when it is same color.

  9. If necessary, tap Sliders tab.

  10. View RGB and hex color values.

12/15/21 Edit:
Added the following information:

The default displayed hex code is for the Display P3 color space. Tapping the blue phrase (default Display P3 Hex Color #) pops up a menu with an option to show sRGB Hex Color #.

๐ŸŒ
Image Color Picker
imagecolorpicker.com โ€บ home โ€บ #000000 obsidian nocturne
Obsidian Nocturne (#000000) ยท Color code, RGB, HSL & info
Obsidian Nocturne: pure black with absolute contrast for bold, elegant design. HEX, RGB, HSL, CMYK & more for #000000.
๐ŸŒ
Adobe
adobe.com โ€บ express โ€บ learn โ€บ blog โ€บ understanding-html-color-codes
Guide to understanding html color codes in your designs
Hex codes can be both pulled from and entered into the custom color picker represented by the dropper tool. This enables you to create custom palettes either using image references or by pasting in known hex codes. The app will also automatically provide suggested color themes for text and other elements based on images and colors used in your design. While Adobe Express does not require any html knowledge, if you are using html color tools, such as Adobe Color, you can have more precision in your color selections.
๐ŸŒ
ImageLR
imagelr.com
Color Picker From Image | HEX Color Picker | HTML Color Picker
Free color picker tool to select color code from image. Upload the image and click on any part to get HEX, RGB or HSL color code online ... Upload a picture or directly paste the image URL. On the canvas, click anywhere to get the html color code of that color.
๐ŸŒ
GeeksforGeeks
geeksforgeeks.org โ€บ techtips โ€บ image-color-picker
Image Color Picker - Color Code from Image (HEXA & RGB) - GeeksforGeeks
December 5, 2025 - Directly Copy-paste (Ctrl-C or ... color code and use it in your project. Color Identification: Get instant color values by clicking anywhere on the image. Detailed Color Info: Displays HEX, RGB, HSL, and more. Versatile Use: Ideal for designers, developers, and digital artists. User-Friendly Interface: Simple, intuitive, and fast. Supports Multiple Image Types: Works with photographs, graphics, illustrations, etc. Color Conversion: Convert between HEX, RGB, HSL, HSV, CMYK, HTML/CSS ...
๐ŸŒ
Ribbet
blog.ribbet.com โ€บ forums โ€บ topic โ€บ how-do-i-find-out-the-html-color-code-of-a-color-in-my-image
How do I find out the html color code of a color in my image? โ€“ Ribbet Blog
June 8, 2018 - โ€“ Open up the image, and head to the Frames tab > Reflection frame. Click the background color selector box, and then hover over the part of your image you need the code of.
๐ŸŒ
Chrome Web Store
chromewebstore.google.com โ€บ detail โ€บ hex-color-picker โ€บ eamkimleiebmdpifljjfilhbaehclahg
Hex Color Picker - Chrome Web Store
This software extension allows you to pick colors from any web pages, color picker to get pixel code, rgb value of any image on the website you're browsing. Find the exact RGB Value of any image once you install our software extension Hex Color Picker.
Top answer
1 of 12
142

In Windows, there is an easier way that doesn't need any software.

  1. Capture the screen in an image file (use something like the Snipping Tool to grab the desired area)
  2. Open the file with MS Paint
  3. Use Paint's pick color and pick the color
  4. Press "Edit Colors" button
  5. You have the RGB values!
2 of 12
66

Newer alternative

See Richie Bendall's answer about PowerToys' Color Picker. PowerToys includes multiple useful utilities as well!


Original suggestion

Instant Eyedropper is exactly what you were searching for.

How it works

  1. Move the mouse pointer to the Instant Eyedropper icon in the system tray.
  2. Press and hold the left mouse button and move the mouse pointer to the pixel whose color you want to identify.
  3. Release the mouse button.

That's it. The clipboard now contains the color code - in HTML format (or any other format that you have previously specified). It can be pasted and used in any text or HTML editor or the Color Picker tool of Photoshop.

It comes with all the options that I personally wanted of such tool.

  • Clipboard color pattern (Hex, and others)
  • Startup on system tray
  • No overhead or ads and it's free.

Works on windows XP, vista, 7, 8, 10 and probably beyond that.


Clarification on values returned by the HSB option

Note that HSB format gives standard values, which are:

  • Hue: 0-359 degrees
  • Saturation: 0-100%
  • Brightness: 0-100%

Some tools like Paint on windows will give slightly different values:

  • Hue: 0-239
  • Saturation: 0-240
  • Luminance: 0-240

The reasoning is explained on the windows blog.

The theoretical range for Hue is an angle, normalized to be greater than or equal to 0ยฐ and strictly less than 360ยฐ. The upper value of the range is not reached because Hue is cyclical, so a value of 360ยฐ is equivalent to 0ยฐ. On the other hand, Saturation and Luminance are floating point values between 0.0 and 1.0 (inclusive).

In Windows, the Hue, Saturation, and Luminance ranges are rescaled so that they go from 0 to 240. Hue is endpoint-exclusive (because 360ยฐ = 0ยฐ) whereas Saturation and Luminance are endpoint-inclusive (because 1.0 is achievable).

If you want to use Eyedropper on windows with a tool like Paint, you can do the math with the ratios explained above, or just use the RGB value whenever possible.


I found this tool years ago and still use it from time to time. I'm not its developer nor am I affiliated with the developer. If it doesn't fit your specific needs or if you'd like to see a new feature, contact the dev himself on his website.