I have saved the image below using an embedded sRGB profile. Photoshop is set up with the proper color settings (RGB is sRGB IEc61966-2.1) and proof setup is "Internet Standard RGB (sRGB)". The image looks the same in Photoshop, Safari, and Firefox. But viewing it in Chrome 23 gives me a very dull image as if its not reading the embedded color profile.
Pages such as this suggest that Chrome is properly managing color profiles. So am I doing something wrong here? Is it possibly a bug in how Chrome is handling color profiles? I have seen Chrome do some weird stuff (color profiles being obeyed and ignored back and forth as I scroll) in previous versions.
You could try removing the colour profile, and then saving out the image again following the guidelines from this guy »
Unfortunately you might have to fiddle around with your image once the colour profile's been stripped out but at least then you'll have a clean slate.
Use # color code. it works better than R,G,B and...
Related
Stack Overflow:
Google:
My site:
How come Vivaldi picks nice accent colors for most websites, but on my site (which is white, black and blue) it goes with the default red, which clashes horribly with the color scheme.
How do I control the accent color of Vivaldi?
While I haven't come across any official statement so far, it seems that Vivaldi determines the accent colour mainly from a site’s favicon. However, the HTML standard also specifies a meta element named theme-color that can be used „to customize the display of the page or of the surrounding user interface”, and Vivaldi respects this tag when it is present in the source code. Of course, this meta tag will also affect other browsers with similar features, such as Chrome for Android.
This is not an answer. It is a follow-up to the comment I posted yesterday under the answer by J5lx. I saw some strange behavior that I want to describe in case it helps anyone else. The gist of the following story is that the favicon needs to be A.png. (EDIT: or favicon.ico; see the comments below)
I was not happy with the favicon that I used yesterday, so I edited it. I changed the href in the link tag from A.png (yesterday's favicon) to Aa.png (the new version), and Vivaldi stopped using the theme-color. It still changed the tab bar color to something other than the default, but the color seemed to be picked from the pixels in the favicon. I continued to edit the favicon, each time giving it a different name. Vivaldi continued to pick its tab bar color from the favicon rather than the theme-color. I thought that my editor might be adding a field to the .png file which Vivaldi was prioritizing, so I recreated favicons using the same procedure that I had done for the original one (snipping, then scaling with MS Picture Manager). Even then, Vivaldi did not use theme-color. It only worked correctly with the original favicon, A.png. Eventually I got the favicon to look pretty good. The file was Dd.png, and Vivaldi still wasn't behaving correctly. I decided that someday when I learn more about the png file format, I will need to figure out what the difference is between A.png and Dd.png. I moved all my favicon test files to an archive folder and copied Dd.png back to htdocs. I wanted it to be called A.png, so I changed its name. Suddenly, Vivaldi started using theme-color for the tab bar color!! I changed the name back to Dd.png, and Vivaldi used a favicon color. I randomly picked another favicon file from the 18 that I had tested, and after naming it A.png, Vivaldi worked correctly. It seems that any png favicon will work, as long as it is named A.png. It also needs to be at the website root. I tried putting it into a subfolder, and it didn't work. Also, I used my editor to save the favicon as A.ico, and Vivaldi did not use theme-color with that. Apparently it has to be A.png.
My Vivaldi is v2.10.17 x64 on windows 7, and I am serving the page from apache on localhost.
I am having a strange issue with displaying JPG image on browser. The image color is mostly washed out while being viewed on any browser (Chrome, IE and FF). But it's fine when using desktop applications (Windows Photo Viewer, Paint, etc.) to view.
You can see the example here: https://dl.dropboxusercontent.com/u/2095747/asp.jpg
Does anyone know any particular reason for it?
Regards,
Harry
The image uses a type of embedded color correction that browsers do not support.
Since you seem to have used Photoshop to generate that image, you should reopen your source file and re-export the image using the "Save for web" action, which will either not embed a color profile at all, or use a browser compatible format.
Below is a screenshot of the same hex code. Right is Canary and left is the stable version of Chrome. Canary uses a wrong color profile (I think), the bright version is the "wrong" one. Does anybody know how I can figure out where the problem is and how I can solve it?
I know colors will always look different on different monitors, but it's strange it's happening on my laptop screen with two different browsers. Also, there are things that can trigger the stable version into working with the wrong color profile. For example:
Embedding an iframe
-webkit-backface-visibility: hidden;
I've found out that these two cause Chrome stable into changing the colors (I presume it's because it uses a different color profile). The result is a see a quick change of all my colors on page load. I've tested it with backface-visibility, inspect the element and tick that css property on/off and I definitely see a change of the colors.
Here is the difference:
I'm using a MacBook Pro
OSX 10.8.2.
Encountered with this problem today
Go to chrome://flags/
Search for 'color' and switch Force color profile flag to different. In my case - sRGB
Oi!
I have a question regarding the differences in how images are being rendered inside of Firefox then in Internet Explorer. Firefox version is 3.5.19 and Internet Explorer version is MSIE 7.0.
Firefox http://www.wmclan.net/i/images/15877834356924635314.png
Internet Explorer http://www.wmclan.net/i/images/95502460007153569229.png
I was thinking a possible solution from Firefox 3.5 color correction hack? but is there a better way of doing that instead of running every single image through that process? How do I make it so that the images have the same background color as the background... I selected the color from the background with photoshop's color picker and used the same color code for each the image and the background image. This works fine with IE and also Chrome.. have not tested on other browsers.
This has to do with the gamma data that is added to the images. I thinks this is only a mac issue. The image is altered based on the gamma data, and doesn't match the css color values.
The solution you found is the only way to disable this "feature".
If you don't like the command line there is also easy drag and drop tool called PngThing.app for mac. I'm not using windows, so you'll have to google for that.
I use firebug to check colors on webpages, but sometimes the color is from an image. Is there a firefox plugin like firebug that can act as a color sampler this way?
ColorZilla should do everything you need.
Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox
I know that you specified a Firefox addin but this is a free tool that will allow you to get the colour from any window on the system so might be more versatile http://www.bayden.com/mezer/ (If you are on Windows)