6 Replies Latest reply: Jul 24, 2008 4:49 AM by Newsgroup_User RSS

    Having issues matching colors

    pbsum83 Community Member
      Hello, I am having issues matching colors in Dreamweaver.

      I created a series of images in Photoshop CS3 that I want to blend in with the background color of my page, but it seems that no matter what I do, I cannot get them to match exactly. I've tried using only web colors in Photoshop (am I really limited to only web colors?), but still can't get an exact match.

      I'll keep messing with it, just figured I would post here in the meantime to see if anyone has any advice.

      Thanks! This board has helped me a great deal thus far.

      Paul
        • 1. Re: Having issues matching colors
          Newsgroup_User Community Member

          Are your images JPG images? In that case it won't matter whether you have 
          used web colors or not since JPG is a lossy compression methodology. If you 
          must match colors, use a small solid color swatch from each image as a 
          tiling background image.

          -- 
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================

          [Personal info removed]

           

          > Hello, I am having issues matching colors in Dreamweaver.
          >
          > I created a series of images in Photoshop CS3 that I want to blend in with 
          > the
          > background color of my page, but it seems that no matter what I do, I 
          > cannot
          > get them to match exactly. I've tried using only web colors in Photoshop 
          > (am I
          > really limited to only web colors?), but still can't get an exact match.
          >
          > I'll keep messing with it, just figured I would post here on the meantime 
          > to
          > see if anyone has any advice.
          >
          > Thanks! This board has helped me a great deal thus far.
          >
          > Paul


           

          Message was edited by: Peter Spier

          • 2. Re: Having issues matching colors
            Newsgroup_User Community Member
            I've tried using only web colors in Photoshop (am I
            > really limited to only web colors?)

            No you're not but Photoshop is a color managed emvironment (which can be
            disabled) which uses Profiles to calculate your colors accurately. DW and
            the web is not. Compared to non-color managed apps, Photoshop often looks
            'wrong' when it's actually the most accurate.

            In Photoshop, try Edit > Color Settings, Settings: North America
            Web/Internet (from dropdown menu).

            Failing that try Settings: Monitor Color which will disable color management
            entirely and see if Photoshop colors then match DW/Web colors..



            --
            Regards

            John Waller

            • 3. Re: Having issues matching colors
              CaryD Community Member
              A couple other things, you'll have better luck matching the background color to the jpeg color, then trying to produce a jpeg that matches the background color.

              If you're using png images, run them through PngOptimizer or something like that. It strips out excess information which can cause the png to look different from one browser to the next.
              • 4. Re: Having issues matching colors
                Newsgroup_User Community Member
                >A couple other things, you'll have better luck matching the background
                >color to
                > the jpeg color, then trying to produce a jpeg that matches the background
                > color.

                As I stated, you won't have luck doing either. You will never be able to
                match an HTML color to a JPG color.

                > It strips out excess information which can cause the png to look
                > different from one browser to the next.

                Where do you get this information?

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                ==================


                "CaryD" <webforumsuser@macromedia.com> wrote in message
                news:g65qhf$cnv$1@forums.macromedia.com...
                >A couple other things, you'll have better luck matching the background
                >color to
                > the jpeg color, then trying to produce a jpeg that matches the background
                > color.
                >
                > If you're using png images, run them through PngOptimizer or something
                > like
                > that. It strips out excess information which can cause the png to look
                > different from one browser to the next.
                >

                • 5. Re: Having issues matching colors
                  CaryD Community Member
                  quote:

                  Originally posted by: Newsgroup User

                  > It strips out excess information which can cause the png to look
                  > different from one browser to the next.

                  Where do you get this information?




                  Sitepoint Tech Times issue 153
                  • 6. Re: Having issues matching colors
                    Newsgroup_User Community Member
                    "The solution to this problem is to produce PNG images with no gamma
                    correction information in them, so that Internet Explorer will not attempt
                    to correct their display. Unfortunately, Photoshop's "Save for Web" feature
                    doesn't give you that option, so you need to use a separate tool to strip
                    out the gamma correction information that it writes."

                    The problem is specific to PNG images created in Photoshop, it seems.

                    --
                    Murray --- ICQ 71997575
                    Adobe Community Expert
                    (If you *MUST* email me, don't LAUGH when you do so!)
                    ==================
                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    ==================


                    "CaryD" <webforumsuser@macromedia.com> wrote in message
                    news:g68d64$ggk$1@forums.macromedia.com...
                    >
                    quote:

                    Originally posted by: Newsgroup User
                    >
                    > > It strips out excess information which can cause the png to look
                    > > different from one browser to the next.
                    >
                    > Where do you get this information?
                    >
                    >

                    >
                    > http://www.sitepoint.com/newsletter/viewissue.php?id=3&issue=153
                    >