background-color:#070707; different in photoshop than in browser

Question

I'm coding a website with:

background-color:#070707;

That color should be a very dark gray, just the way I see it in photoshop. Now when I launch this in my browser (the background-color is set on the body using CSS, so it's not an exported image), the color is darker than in Photoshop.

I know there can be differences when exporting images due to color profiling, but when setting the color code, how can this be different from photoshop?

Thanks a lot for helping

Answer 1

Could you be defining it in photoshop as something other than a hex number? IIRC, there's Hue/Sat/something that can also give a 6-digit output. You're not viewing it on different monitors or something?

Answer 2

I think it depends which color model are you using in photoshop:

• RGB
• CMYK
• LAB

Here is a good tutorial about the exact usage and differences of each of them:

http://www.deke.com/content/photoshop-top-40-feature-6-rgb-cmyk-and-lab

Answer 3

#070707 is not dark gray. It is almost black. Are you sure that the color palette in photoshop does not include alpha. Else try 'Choose Copy Color As HTML' option in color palette.

Answer 4

Photoshop might be rendering the colors using its built-in color matching/proofing engine while the browser probably does not use one.

Try getting Photoshop's color settings right (CTRL+SHIFT+K) and change proof setup (View > Proof Setup) to match that of a typical monitor.