ImageColorPicker.com

HEX color picker

Get the HEX code from any image

Click any pixel to get the HEX code

Ảnh mẫu: một chiếc ô tô cũ trong sa mạc

Dùng phím mũi tên để di chuyển kính lúp, giữ Shift để đi bước lớn hơn, rồi nhấn Enter để chọn màu.

Chúng tôi cho rằng bảo vệ dữ liệu là quan trọng! Hình ảnh của bạn vẫn ở trên thiết bị của bạn.

Màu đã chọn

HEX#2596be
RGBrgb(37, 150, 190)
HSLhsl(196, 67%, 45%)
Chi tiếtKiểm tra tương phản

Bảng màu

Màu từ hình ảnh

Chạm vào một màu để sao chép. Sau đó chạm vào hình ảnh để thay thế.

A HEX color code is a six-character code used in web design and CSS to define colors precisely — for example #FF5733. In the past, finding a color in an image used to require Photoshop or other design tools. With this free HEX color picker, you simply upload your image and click any pixel to get the HEX code instantly. No software to install, no account to create, and no data uploaded to any server — everything happens right in your browser.

What is a HEX color code?

A HEX color code starts with # followed by six hexadecimal characters (0–9, A–F). The first two characters represent the red channel, the next two green, and the last two blue. For example, #FF0000 is pure red, #00FF00 is pure green, and #0000FF is pure blue. HEX codes are the most common color format in CSS, HTML, Figma, Sketch, and most design tools.

HEX vs RGB vs HSL

FormatExampleBest for
HEX#2596BECSS, HTML, web design
RGBrgb(37, 150, 190)Programming, Canvas
HSLhsl(197, 67%, 45%)Design adjustments

Frequently asked questions

A HEX color code is a six-digit alphanumeric code prefixed with # that represents a specific color. Each pair of digits encodes the red, green, and blue channels as values from 00 to FF. For example, #FF5733 defines a warm orange-red color. HEX codes are the standard format used in CSS, HTML, and most design tools.

Upload your image to the color picker above, then click on any pixel. The HEX code appears instantly and can be copied with a single click. You can also paste an image from your clipboard.

In CSS, use a HEX code directly as a color value. For example: color: #FF5733; or background-color: #2596BE;. You can also use shorthand HEX codes like #F00 for #FF0000 (red).

HEX and RGB represent colors the same way — through red, green, and blue channels — but use different notation. HEX uses a compact six-character string (#2596BE), while RGB uses three decimal numbers (rgb(37, 150, 190)). HEX is more common in web design, while RGB is often used in programming.

Yes, this tool is 100% free with no signup required. Your images are processed entirely in your browser — nothing is uploaded to our servers. You can use it as often as you need.