Computer Graphics with Photoshop - Color export to web

Author

Color export to web

Trey

2006-08-21, 6:17 pm

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

tacit

2006-08-21, 10:17 pm

In article <1156183291.731428.274450@b28g2000cwb.googlegroups.com>,
"Trey" <treybean@XXXXXXXXXX> 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

Trey

2006-08-22, 3:22 am

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 <1156183291.731428.274450@b28g2000cwb.googlegroups.com>,
> "Trey" <treybean@XXXXXXXXXX> wrote:
>
>
> 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

Stephen

2006-09-02, 6:16 pm

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.
[color=darkred]
>tacit wrote: