• 0

Image Colour In Chrome (OS X ) different from Chrome (Windows)

Asked by Mr.XXIV,

 Share

Question

Grand Master

Mr.XXIV

Posted
Posted

Check out the "Trending" pointer image.

Apparently, in Chrome, comparing both the OS X and Windows version, the image ends up mismatching even when it has the exact same HEX as the css itself.

You can check it out for yourself at http://illingspree.com if you have both OS X & Windows to compare.

Does anyone know why this is happening? :/

post-388684-0-83682400-1355372013.png

post-388684-0-91211400-1355372018.jpg

13 answers to this question

Recommended Posts

  • 0
Mentor

Guth

Posted
Posted

colour profiles.

This, its just how the two OS's render colour

The Mac uses a complex colourspace system called ColorSync to ensure colours appear identical on different devices. As a result, colours may sometimes be shifted slightly in the RGB space so that they appear to the eye identical on properly calibrated displays, printers, etc.

from: http://stackoverflow...on-windows-os-x

You'll probably have to use CSS to target OSX and find the correct colour codes to make your site display correctly.

  • 0
Grand Master

Mr.XXIV

Posted
  • Author
Posted

The iPhone and the browsers on Windows are fine. On OS X, only Opera wasn't affected.

I changed my color profiles back to the original and there was still no effect.

post-388684-0-62896400-1355450650.png

  • 0
Enthusiast

SinsOfCube

Posted
Posted

One way to fix this is by using CSS3 to make the pointer shape instead of using an image, though this won't be properly supported in older browsers.

http://www.css3shapes.com/ has several examples on shapes you can create with CSS3

  • 0
Grand Master

primexx

Posted
Posted

One way to fix this is by using CSS3 to make the pointer shape instead of using an image, though this won't be properly supported in older browsers.

http://www.css3shapes.com/ has several examples on shapes you can create with CSS3

oh wow I hadn't even noticed that arrow, I guess that's what OP was asking about all along?

  • 0
Experienced

jordan.

Posted
Posted

This is an issue with using PNGs. Read about it here: The Sad Story of PNG Gamma ?Correction?

I assume you are using a PNG for the arrow and the rest of the bar uses CSS? But you need the arrow to be PNG for alpha transparency on the black bit? Can you instead make the arrow a .gif with full transparency and stretch the black bar all the way across underneath the .gif?

Or you can use a 1px png of the colour, and use that to fill the rest of the pink bar instead of CSS. This will make it match the arrow at all times, but it means that that particular bar+arrow will be a different shade of pink from other areas where it was intended to be the same.

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • The Light of Life? We actually do glow till our Death, study finds

      By Liberi_Fatali · Posted

      Interesting image choice... reminds me of the human centipede poster
    • Why you need to take back control of your synced passwords and how to go about doing that

      By +Warwagon · Posted

      I love syncback!
    • Politically funny images of the World

      By +primortal · Posted

    • Get $50 of aloSIM Mobile Data Traveler eSim credit for just $24.97

      By News Staff · Posted

      Get $50 of aloSIM Mobile Data Traveler eSim credit for just $24.97 by Steven Parker Today's highlighted deal comes via our Apps + Software section of the Neowin Deals store, where you can save 50% off aloSIM Mobile Data Traveler Lifetime eSim Credit: Pay $24.97 for $50. Stay connected affordably in 120+ countries/regions with your own lifetime eSIM! An eSIM is a digital SIM card. It's basically just mobile data. Once it's activated on your device, it can connect you to data networks in other countries – giving you an internet connection with NO roaming charges. With aloSIM, you can load prepaid eSIM data packages onto your phone, tablet, or computer. Your lifetime eSIM never expires, so it's yours forever and there are never any monthly charges. You'll get $50 in eSIM data credit, which is almost always enough to cover all your data roaming needs for a full year. But if you run out of data, you can always top up your lifetime eSIM and stay connected internationally. Pay $24.97 for a lifetime eSIM with $50 in travel data credit Use your eSIM to join data networks in 120+ countries Install your lifetime eSIM on a compatible device to roam on local data networks Your lifetime eSIM never expires, and can be topped up with more data anytime Many data packages cost as little as $4.50 and last 7 days. Depending on the package you choose, the length of time varies. Good to know Length of access: lifetime For NEW customers only Instant digital redemption Once you add your $50 credit to your aloSim account you have up to 12-months to use it — after that your credit will expire When you pay for a data plan you also get a free phone number (via Hushed) for the same duration of your plan that was purchased - IE 7 day eSim plan gives you a free 7-day phone number Purchased coupon must be redeemed and used within 12 months This deal is not stackable (one offer per aloSIM account) A $4.50 data package will last 7 days The data DOES expire, and you WILL NOT have any leftover data for your next trip unless it takes place within the validity period. While the eSIM never expires, the actual data package is only valid for the length of time stated at purchase (i.e. seven days after activation, 30 days after activation, etc.) So if you buy a seven-day package and only use a tiny bit, that package is still going to expire after seven days. Access options: mobile (check compatibility) Max number of device(s): 1 Updates included Here's the deal: This aloSIM Mobile Data Traveler eSim $50 Credit normally costs ... $50, but it can be yours for just $24.97 for a limited time, a saving of $25 (50% off). For specifications, and license info please click the link below. Get this aloSIM Mobile Data Traveler eSim for just $24.97 (was $50) Although priced in U.S. dollars, this deal is available for digital purchase worldwide. Support queries If you have queries or need support for any of the Neowin Deals, please use the contact form here. Neowin Deals are managed and sold by StackCommerce who represent Neowin on an affiliate basis. Why we post these deals We post these because we earn commission on each sale so as not to rely solely on advertising, which many of our readers block. It all helps toward paying staff reporters, servers and hosting costs. So for those that keep moaning and complaining, be thankful we're still online for you to even do that. Other ways to support Neowin Whitelist Neowin by not blocking our ads Create a free member account to see fewer ads Make a donation to support our day to day running costs Subscribe to Neowin - for $14 a year, or $28 a year for an ad-free experience Disclosure: Neowin benefits from revenue of each sale made through our branded deals site powered by StackCommerce.
    • The Microsoft Office feature that time forgot

      By Fraud OS 11 · Posted

      WordArt was cool. We now have color fonts as a substitute although Word only supports COLRv0 and COLRv1 (Fraud OS 11 only). The OpenType SVG color font format needs to be supported by Office. Adobe's apps support it

  • Recent Achievements

    • First Post
      DrWankel earned a badge
      First Post
    • Reacting Well
      DrWankel earned a badge
      Reacting Well
    • Week One Done
      Supreme Spray LV earned a badge
      Week One Done
    • One Month Later
      Genuinetonerink- Dubai earned a badge
      One Month Later
    • Week One Done
      Genuinetonerink- Dubai earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      498
    2. 2
      +Edouard
      158
    3. 3
      PsYcHoKiLLa
      90
    4. 4
      Steven P.
      74
    5. 5
      Michael Scrip
      72
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!