Color export to web

T
Posted By
Trey
Aug 21, 2006
Views
437
Replies
3
Status
Closed
Hi,

I’ve been trying to deal with this issue for a long time as a web developer. Often, my designers will give me a photoshop file, but after I export the images and take color reading with the eyedropper, the site comes out looking very dull.

I’ve read many things regarding using the soft proof. Unfotunately, this means my designer will have to go back and change all of the colors using the soft proof. Should they really be designing in soft proof mode? This seems a bit odd.

Another recommended solution is making sure everyone is using the same color profile. I have made sure that everyone is using the sRGBIEC…. profile, but still things come out dull.

In this latest round of color frustration, I am serving both as the designer and developer. I created a file, using the sRGB profile, and then used the eyedropper to figure out what color my header was, put it in my css and it is the same dull color. Is there any way for photoshop to give me the hex value that will most accurately reflect the same color in other programs like Firefox?

I should also mention, all computers have been macs, but I though macs are the design computer.

Help me figure out once and for all what’s going on with my colors.

Thanks,
Trey
Related Tags
color export

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

T
Tacit
Aug 22, 2006
In article ,
"Trey" wrote:

In this latest round of color frustration, I am serving both as the designer and developer. I created a file, using the sRGB profile, and then used the eyedropper to figure out what color my header was, put it in my css and it is the same dull color. Is there any way for photoshop to give me the hex value that will most accurately reflect the same color in other programs like Firefox?

Yes. Use "Monitor RGB" for your RGB color space and turn color management off. Then what you see on your screen will be exactly what programs like Firefox see.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com
T
Trey
Aug 22, 2006
Thanks tacit – I’ll do this in the future for sure.

Do you know if there is a way to convert something that has been designed with color management on to a non-color managed document with the same appearance?

As in, I love the orange I have going on. How can I get the non-color managed value of that orange?

tacit wrote:
In article ,
"Trey" wrote:

In this latest round of color frustration, I am serving both as the designer and developer. I created a file, using the sRGB profile, and then used the eyedropper to figure out what color my header was, put it in my css and it is the same dull color. Is there any way for photoshop to give me the hex value that will most accurately reflect the same color in other programs like Firefox?

Yes. Use "Monitor RGB" for your RGB color space and turn color management off. Then what you see on your screen will be exactly what programs like Firefox see.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com
S
Stephen
Sep 2, 2006
On 21 Aug 2006 20:14:52 -0700, Trey in comp.graphics.apps.photoshop wrote:
Thanks tacit – I’ll do this in the future for sure.

Even using sRGB the colour will fluctuate from monitor to monitor (especially LCD vs CRT) and from platform to platform. Colours generally will be a more contrasty on the PC platform. That’s just a fact of life and not worrying too much about — As long as they don’t wash out on the Mac LCD and aren’t too dark on the PC CRT.

Do you know if there is a way to convert something that has been designed with color management on to a non-color managed document with the same appearance?

As in, I love the orange I have going on. How can I get the non-color managed value of that orange?

Get the Firefox Web Developer tool bar, and then install the ColorZilla extension, which will enable you to get hex colours quickly from whatever you’re viewing from within your web browser. These tools are almost a required, for any serious web designer/developer.

Then, I suggest you don’t use Photoshop for doing web work. Photoshop is primarily a raster application for print design. Yeah I know there is ImageReady, but it’s a poor cousin to Adobe Fireworks, which was designed specifically for doing web graphics and assoc vector work. I’d also suggest not using print designers, if at all possible. It’s very rare that a designer is good in both genre’s — This goes both ways BTW.

tacit wrote:
In article ,
"Trey" wrote:

In this latest round of color frustration, I am serving both as the designer and developer. I created a file, using the sRGB profile, and then used the eyedropper to figure out what color my header was, put it in my css and it is the same dull color. Is there any way for photoshop to give me the hex value that will most accurately reflect the same color in other programs like Firefox?

Yes. Use "Monitor RGB" for your RGB color space and turn color management off. Then what you see on your screen will be exactly what programs like Firefox see.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections