With latest Chrome (43) cycling through color formats on color swatch click in DevTools' Styles has stopped working. The only way I can switch formats now is to change them manually in options. Is there a way to get back this feature without extensions?
The behavior seems to be changed, now you need to shift+click the color swatch instead of simple click. Thanks #Superfy.
Related
I have a simple select tag in html without any options inside it. When I open the html file in one machine the menu opened is showing in white color as a background.
and the same html file and with same select tag without any options, if i open in another machine then the menu opened is showing in black color.
Why the color is different between these two machines and what could be done to remove the black color and show white color.
Note: In both machines Microsoft Edge (chromium) browser is used.
The two machines may have different versions of Chrome installed. You can check the browser version by looking at chrome://version/. So the background color of the selected component is different.
Solution: Use css rules to override the background color of the default selected component, and ensure that the browser versions of the two machines are the same.
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.
I am using the input type="color". On Chrome and for the websafe colors I have a strange behavior. The color that is selected on the color picker is not the same as the output of the event, see below:
On the third tab of the color picker, change the selection to web safe colors and choose a color:
jQuery('#color').change(function(e){
console.log(e.target.value)
jQuery('#result').val(e.target.value)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="color" id="color"/>
<textarea id="result"></textarea>
The output is not the same as the selected value. The color-picker works correctly on Firefox. Any idea why Chrome has this behavior?
With the "third tab" I am referring to :
Chrome color picker works by taking color from current monitor color profile,and the problem may happens by changing color setting or sometime change monitor, please check the below method to solve.
Go to chrome://flags/#force-color-profile and click Reset all to default
Thanks.
Had the same issue. Even switching Chrome between monitors changed the value. Disabling 'Use hardware acceleration when available' under Settings -> System fixed the issue on Chrome v.62.0.3202.62
Go to chrome://flags/#force-color-profile, change it to sRGB, and click the Relaunch button.
maybe here my code will help you
$("#color").change(function(){console.log($(this).val());});
I have buttons with a color for each state :
state enable : #007BC2
state disable : #428bca (pale version of enable color)
This css is a file I have picked from a template.
Now my client wants for the button this enable color : #4B0082.
I want to find the color code for the pale version of #4B0082 (for the disable state).
Is there a css tool on the web to find this color or do I need to browse a color picker to find the "pale" version of this enable color?
Thanks for your answers.
I suggest using chrome or firefox. Here you can right-click any element on your webpage. For your example: right click the button and click 'inspect element'. You can now see the developer tools window. Here you can see all the css or html attributes for your button.
So take a look at the background-color attribute and click the color thumbnail. A color picker becomes visible (see screenshot) . You can now choose the color and see a live preview of that color in your web page.
You can use Colorzilla (chrome add-on) to pick color from page and to find its pale version.It also contain option of generating css gradient and even get history of your picked color
You will find colorzilla on chrome webstore
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.