SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Why is the colour different in different browsers?

    I'm not sure why this is happening. I've created a site but the banner doesn't match the background colour code...

    Picture 3.png

    The part on the left is the banner colour and the part on the right is the background colour code. I am browsing in safari on a macbook.

    I have been designing the website on an imac and the colour seems to be fine. The colour is fine on both iphone and android phones. :/ Please may someone help? Thank you!

  2. #2
    Community Advisor silver trophy

    Join Date
    Nov 2006
    Location
    UK
    Posts
    2,551
    Mentioned
    40 Post(s)
    Tagged
    1 Thread(s)
    What software did you use to create the banner, and what file type is it saved as?

  3. #3
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,480
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I think it`s because one color is image and the other color-code, or both are different type images. Make them same-type, and you should be set.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,212
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by webcosmo View Post
    I think it`s because one color is image and the other color-code
    It should be possible to make them the same, but we need more info from the OP.

  5. #5
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by EastCoast View Post
    What software did you use to create the banner, and what file type is it saved as?
    Created in PhotoShop. Filetype is .png

    Quote Originally Posted by webcosmo View Post
    I think it`s because one color is image and the other color-code, or both are different type images. Make them same-type, and you should be set.
    When I used the ink dropper tool, I used that colour code so I am not sure why it's displaying differently in different browsers!

    Quote Originally Posted by ralph.m View Post
    It should be possible to make them the same, but we need more info from the OP.
    Thank you!

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You might find this article of use or this one.

    I believe you can opt out of gamma correction when saving files from Photoshop somewhere in its settings. Fireworks on the the other hand doesn't suffer from this problem with png images.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •