Announcement Announcement Module
Collapse
No announcement yet.
Problems with colour when designing a website Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Problems with colour when designing a website

    Hi guys, hope you can help.

    I'm designing a website. My background colour is a kind of lilac colour. I've got title banners which I obviously want to blend in with the background colour. But for some reason when I upload it, the banner colour looks much darker.

    The background colour I have for this banner here....



    ...just isn't matching up with the wallpaper background colour I have for the rest of the website:

    http://www.stephen-y.com/

    I don't know if it's just my computer. I'm on an imac. When I gave the link to my friend who has a PC, he says the banner is the same colour and blends in perfectly.

    The hex codes match. They're identical. #8b6c96, so I don't understand what it is that's going wrong here. It's driving me nuts.

    Is it just a prob with my comp, or is everyone else seeing this too?


  • #2
    Looks ok to me.

    "May your hats fly as high as your dreams"Michael Scott

    Comment


    • #3
      it blends nicely for me... but I am on a PC too. (Firefox 3.5.3)

      "It's never too late to be who you might have been." - George Eliot

      Comment


      • #4
        Is the image CMYK? That could cause a lot of issues...
        Professional Pixel Pusher — Designing the world around you. | Working daily to reach 10,000 hours of practice.

        Comment


        • #5
          Hi guys, thanks for the quick replies.

          No it's not CMYK. Thought I'd made a mistake with that too, but no.

          Here's a screenshot of what I'm seeing. Does this look OK too? Have a look...

          Comment


          • #6
            Try using a web safe color for the background and see if that helps. I believe the closest it #996699...
            Professional Pixel Pusher — Designing the world around you. | Working daily to reach 10,000 hours of practice.

            Comment


            • #7
              Originally posted by CkretAjint View Post
              Try using a web safe color for the background and see if that helps. I believe the closest it #996699...

              Just tried it with the web safe #996699, but I'm still getting the same problem. This is just bizarre.

              So is anyone here seeing the same thing as me? If so, please let me know!

              Comment


              • #8
                Originally posted by larrythebird View Post
                So is anyone here seeing the same thing as me? If so, please let me know!
                I see the two different tones as posted above. Darker boxes behind the logo and email addy's as well as the random box under the Fax info.

                I am on a Mac viewing on Firefox 3.5.3 and also on Safari 3.2.1.

                Hope the info helps. Sorry I can't help you with the issue...
                Sketching not only helps you work out good ideas, it helps you get past the bad ones.

                Comment


                • #9
                  You wouldn't happen to have highlighted the logo? When I do it I get a purply background like you're getting.

                  Just a thought

                  "May your hats fly as high as your dreams"Michael Scott

                  Comment


                  • #10
                    Earlier I didn't see it, but now I am...

                    Save the image as a gif without a background color in the image.
                    Professional Pixel Pusher — Designing the world around you. | Working daily to reach 10,000 hours of practice.

                    Comment


                    • #11
                      Yes, I put it into photoshop, there's a definite shift.

                      Weird.

                      "May your hats fly as high as your dreams"Michael Scott

                      Comment


                      • #12
                        mmm Looking like a Mac issue ... I'm getting same problem here..

                        Checked in Firefox and Safari ... same issue.

                        Can't you just create the banner with a transparent background and save as a .png?

                        That should fix it.
                        Last edited by bulgariacalling; 10-01-2009, 02:06 PM. Reason: finger trouble ... again!

                        Comment


                        • #13
                          Originally posted by larrythebird View Post
                          Here's a screenshot of what I'm seeing.
                          I'm on Windows and though it's not as pronounced as your screenshot, I also see the color shift. Saving as a jpg will do that as it's not intended for large areas of flat color. Follow Ckret's advice and save it as a gif with a transparent bg using the wallpaper's bg color as your matte. You can also save as a transparent png if you're not concerned with IE6.

                          Digi
                          The world is divided into people who think they are right.
                          —Anonymous

                          Comment


                          • #14
                            Yea, I think saving it with a transparent background is the safest option. Just tested it in fact, and it's working perfectly. No problems. I'll just do that from now on.

                            Cheers guys, appreciate all the help.

                            Comment


                            • #15
                              Larry - when I click your link I see the box around the logo...
                              I am on Firefox on a MAC.
                              I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

                              Comment

                              Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us
                              Working...
                              X