Skip to main content
R
richardd14964573
Participating Frequently
October 22, 2019
Question

Hex color looks different on web

  • October 22, 2019
  • 4 replies
  • 8876 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.

    4 replies

    R
    richardd14964573Author
    Participating Frequently
    October 31, 2019

    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
    Ton Frederiks
    Adobe Expert
    October 22, 2019

    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
    October 24, 2019

    Hi Ton,

     

    It is the eyedropper tool in Illustrator.

    I've got the same issue in Photoshop.

    Monika Gause
    Monika Gause
    Adobe Expert
    October 22, 2019

    "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
    October 24, 2019

    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
    Monika Gause
    Adobe Expert
    October 24, 2019

    When I do that I get a bright result.

    The trouble with Illustrator's color pickter is that it picks up what gets rendered to the screen, so a couple of settings come into play before you read that value.

    If all you want to do is read the color value from a webpage, then get a utility or a browser add-on that does this, because your browser and your printscreen utility might add to the issue.

    I'm seeing that you use Mac OS - have you ever heard of the Digital Color Meter? It does exactly what you need and it resides on your Mac already. It's in Applications > Utilities.

      Ton Frederiks
      Ton Frederiks
      Adobe Expert
      October 22, 2019

      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
        October 22, 2019

        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
        Ton Frederiks
        Adobe Expert
        October 22, 2019

        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

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices