Saturday, January 17, 2009 |
5 Comments | Digital Color Meter
Design Helper Tools that never make it to design blogs.. In no particular order, these are the few things that I've noticed never get written up in lists of tools that people use every day.
I think it's safe to say that between TextMate and Coda 90% of the mac web development community is accounted for... but what about all the tools we use every day to help us with our work that never get any recognition?
Digital Color Meter..
Digital Color Meter is basically your Photoshop colour picker for your entire mac desktop. Gone are the days where I needed to open a PSD just to work out the hex codes for a colour off a site.
DCM lives in the Applications/Utilities folder on your mac When you open it you are presented with a small window, the left of which shows a small zoomed image of what's under your mouse and the right allows you to choose the type of colours you are interested in. For our purposes as a web developer we want hex codes, so we choose RGB in Hexadecimal (8bit).
The true secret to working this tool into your workflow is the keyboard shortcut to copy the colour as text. To do this, you just hit Apple-Shift-C while the correct colour is shown, this will copy the text of the hexadecimal colour into your clipboard.. something like: "#186231". This can be pasted directly into your CSS or HTML. It's somewhat annoying that it copies with quote marks... but still a real time saver.




Reader Comments (5)
Hi there Alex,
I really love your site, it has a lot of helpful information for beginners like me.
Thank you very much!
Hi Alex,
When I create a new document in Photoshop it offers me to choose between 8bit, 16bit, 32bit.
I choose 32bit generally. But I'm wondering if I have to choose 8bit for web design as you stated above.
Thank you.
Hey Efes,
Yeah, for web work there is probably no point choosing anything higher than 8bit, as the image formats that you use for web are all going to be downsampled to 8bit on export anyway.
However, if you're working with photographs, it makes sense (if they are scanned or already saved at 16bit) to keep them at 16bit while doing colour and level adjustments - you should see less degradation of hues and tones that way. Then export to 8bit at the final stage.
Love this tip. So Simple.
Hex color picker is an awesome free tool too.
Thanks u r information