Participating Frequently

Question

Hex color looks different on web

Forum|Forum|6 years ago
October 22, 2019
4 replies
8905 views

Hi,

I saw a color on the web that i would like to use.

When i make a print screen of the color and i open the image in Illustrator.

The color seems great (i use Monitor RGB - Display as screen setting).

When i take the Hex color (e3497d) with the Eyedropper Tool and i use the Hex color in my webpage it looks dull (see image).

Does anyone has a solution for this problem?

This topic has been closed for replies.

R

richardd14964573Author

Participating Frequently

I reinstalled Illustrator and I still get the dull color on my screen with hexcode: E3497D when i open the image.

But I now know what the problem is.

When I make a printscreen with shift + cmd + 4, it makes an image on my desktop.

When I open this image in Illustrator with sRGB as color setting, I get a dull color.

When I open my image from my post, I get the right color.

For some reason i get dull colors when I open my print screens.

Does someone has an answer for this problem?

Ton Frederiks

Community Expert

Just to make sure, the eyedropper you are talking about, is that the eyedropper tool in Illustrator or Photoshop or another utility?

R

richardd14964573Author

Participating Frequently

Hi Ton,

It is the eyedropper tool in Illustrator.

I've got the same issue in Photoshop.

Monika Gause

Community Expert

"When i take the Hex color (e3497d) with the Eyedropper Tool and i use the Hex color in my webpage it looks dull (see image)."

What exactly does that part mean step by step?

R

richardd14964573Author

Participating Frequently

Hi Monika,

This is the process that i take:

1. I make a printscreen of the image that i found on the internet (shift+cmd+4)

2. I open the image in Illustrator.

3. I take the Eyedropper tool and click on the image that I have opened in Illustrator.

4. I copy the Hex value and paste it into my webpage.

As result i get a dull color (see first picture of this conversation).

If you take the steps above using this image below.

What hex code do you get?

Monika Gause

Community Expert

Hi Monika,

Using the Digital Color Meter is an option.

However, when i open the image in Illustrator and i use sRGB as color settings (colors matches with the hex code i'm using for web). I get the dull version of the image. Verry anoying when you use images in your work.

I'm curious about the reason that you get a bright result and i see a dull color.

There is a slight possiblity that something is not working correctly with your installation of Illustrator and/or your graphics card. But I suspect an inappropriate setup of color management.

Ton Frederiks

Community Expert

Try to use sRGB as your RGB working space in your Color Settings.

sRGB is the standard on the web, not your montor RGB.

R

richardd14964573Author

Participating Frequently

Hi Ton,

How do i get the right Hex color of an image than?

When i open the image with sRGB as working space, the color is changed.

Ton Frederiks

Community Expert

If you use sRGB as your working space, the eyedropper gives you the correct sRGB hex code.

I tried you example hexcode in a web hexcode color generator and the result was as dull as yours.

The color you preferred had a different hexcode: f9367d

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded