Colors look different in browser and photoshop - html

I have a problem with colors in photoshop and browser. Why the same color (#cccc66) looks different? This in photoshop http://gyazo.com/a4f4181bf0638d652174f0a7d4f1fe9d.png and this in browser http://gyazo.com/37a9ad028951e85a288344f59c84ecc7.png. What could it be?
Some additional info. It's not image. I just used Eyedropper tool to get color then copied color name from color picker.

It's called color profiles, the PNG has one embedded. You need to strip it out. Photoshop apparentely does weird things with "Save for Web" when color profiles are active.
This may help: http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/
Open up any image on your machine and File / Save For Web. Next to the Preset option, there's a sneaky little arrow...click it and uncheck "Convert to sRGB."

I think this tutorial should do the trick:
http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/
Also, you might want to have a look at this (it's basically the same, but with "Proof Colors" enabled in the "View" menu):
http://www.usabilitypost.com/2008/07/30/photoshop-color-profiles-for-web-images/

How you export this image from Photoshop? Did you use Save for Web & Devices (File -> Save for Web & Devices)? Also you can have to set up proper color profile (Edit -> Color settings), because some formats have embedeed your current color profile.

Related

Color customization with Google forms.

Google forms is automatically altering color when I insert a custom photo banner (which does not match our brand). How and where can I enter in a specific color code (if possible)? Is there a specific format that should be used? (HTML, RGB, CMYK?)
Also, the initial box IN the email seems to be defaulting to a red/burgundy color scheme. Is this normal, and is it also able to be changed?
Thanks in advance!
Sorry, this is not possible. If you change the image banner it will change the colour too.

HTML & CSS - How to show a .SVG but let end-users click and copy a .PNG when clicking and dragging away (or copying in general)

Imagine you have an image in two versions, one being a .SVG and another one being a .PNG version.
You show the .SVG on a webpage, but when end-users click and drag that image for example into their social media app, you would like them to have copied the .PNG version instead of the .SVG version (since, some of those media apps can't handle .SVGs).
Using only HTML and CSS, is this possible? Many thanks for your help.
Could the same answer be extended to also work when the end-user would copy the presented image in another way (such as through mouse-interaction, by selecting the visible image and then copying through keyboard shortcuts or menu mouse-navigation)?

Xcode project navigator background color

When a window is active in xcode project navigator background color blue, and when two or more it is default. How to make that it was always defaulted?
http://imgur.com/a/B2VFr
There's two ways to change colors in Xcode.
First is the "Fonts & Colors" tab in Xcode's preferences, which look like this:
That doesn't change the color of the files in the Project Navigator, though. To do that, in System Preferences there's a tab helpfully named "General", you can change the settings for your system in it. Here's what it looks like for me now:
I chose "Graphite", and that changes selected files in the Project Navigator to have gray surrounding the filenames.
So, the problem was on the system side. The wallpapers color mixed with color of IDE. I reduced transparency. So that was it.

PhpStorm : Darcula theme shows white background

I'm not sure what has happened, but this morning when I opened PhpStorm the background of the editor is now white even though the selected theme is still Darcula - any idea? It was all good last night - but now it's all white.
You are looking in the wrong place. The background color (and the code colors) is not determined by the theme, but by the scheme.
You can choose the scheme by going to Editor > Colors & Fonts:
You also have a preview of how the scheme will look like on every file type:
You have to set "scheme" in "editor->colors and fonts" to darcula.
There are several other dark editor schemes you could try.
Go to Preferences -> Colors & Fonts -> General -> Default Text -> Background Color and uncheck the inheritance box and select your color.
I had the same problem when I installed the new PHPStorm V10.

How to have the Sublime Text console showing color instead of the color codes

I have a build system output in the console. However it is showing color code instead of the actual colorized text.
[37;46;1mTest file: static/tests/casperjs/login/test.js
How can I apply a color theme to the console output?
Thanks!
Unfortunately sublime doesn't support this. I ended up writing a plugin that parses the output and converts it into a colored version (for a subset of colors, ones we use in our testing framework).
If you would like to look into that, or if anyone stumbles upon this in future here are some tips..
I detect output in the plugin with an on_modified event listener and a view
with no name (view.name()). This does not uniquely identify the output pane
so you'll have to do a bit more than that, I found no other easy way (unless
you want to hook into your build plugin and act directly on the view it generates).
To make the color changes, I remove the color codes (view.erase()) and add color to the
regions marked by those codes with view.add_regions(). The colors I add are
ones I manually insert into a custom theme, as again there seems to be no
other way. Also, for some reason it seems you can't add a color with the
exact background of the active theme (it inverts it or something), so I set
the color's backgrounds to something just different.
As you can tell, it's a hacky, ad hoc solution, otherwise I would release it on Github.
You can also check out SublimeREPL, it does console text coloring