Search code examples
htmlcsscolorsadobe-xd

Colors appearing differently on website vs design software

I have been designing my own website for a little while now, and I have noticed that the colors that appear on the live version of the website are different from the colors I am using within my design software (Adobe XD).

I am using hex codes to represent the colors, and despite being the same hex code, the colors appear differently.

Here is a screenshot displaying the difference between the two colors:

enter image description here

While you can see that the color codes are identical: enter image description here

Why is this the case? Is it possible to get it to be the correct color, or is this just something to do with how the web displays colors?

Solution

  • Hex codes are not universal numbers, meaning that a hex code alone doesn't mean anything unless a color space is specified. The differences in the colors are due to your design software using a different color space than the browser you're using to display the website. For more information you should check out this similar thread on hex codes and color spaces.