Have you ever wanted to figure out the particular color of a piece of text, or a background, without having to sift through a CSS file, or open Photoshop to use its eye dropper tool?
Digital Color Meter is a utility for measuring and displaying the color values of pixels displayed on the screen of a Macintosh computer. The utility presents a 'window' onto the screen which includes a cursor which by default is 1 × 1 pixel in size. Digital Color Meter is an open-source application that makes it easy to pick specific colors from your screen and copy their RGB or HEX codes to the clipboard. Moreover, it enables you to create a.
One of the secrets of the Mac OS, at least for web designers, is the utility called Digital Color Meter. I’m surprised more designers and developers don’t know about it, so I thought I’d try to rectify that situation.
What does it do?
Simply put, it measures the color of a particular pixel on your screen. It will change its reading as you move your cursor over the screen - it measures the pixel at the tip of your cursor.Capacitance Meter,KKmoon M6013 LCD Resistance Capacitor Tester Digital High Precision Circuit Tester Measuring Capacitance Resistance Capacitor Circuit Tester Digital Auto Ranging 0.01pF to 470000uF 4.5 out of 5 stars 49. DigitalColor Meter isnit a replacement for the tools in professional design applications, but is does make it easy to find color values in a snap. This Quick Tip was adapted from The Designeris. The color under the pointer is displayed in the Digital Color Meter window, with its color values on the right. To change the format of the displayed color values for RGB-based color spaces, choose View Display Values. Adjust the size of the aperture: Drag the Aperture Size slider.
To use Digital Color Meter, go to Applications/Utilities, and you’ll find it there (along with other goodies like Network Utility). When open, it will present a floating window with a magnified representation of where your cursor point is.
You will also see a set of RGB values of the color of that pixel. But what if you don’t want RGB values?
How to set it up for a web design workflow
For a lot of web design, you're going to want to have hex values of colors. The way digital color meter used to work, you could select 'hex' from the drop down in the floating window, and get just that.Digital Color Meter Mac
In Lion, though, Apple changed where this toggle is. Go to the View menu, Display Values > as Hexadecimal. Voila - now you’re getting hex values!
The way I used to work was to look at those values, and write them down on a scrap of paper. But I just needed to poke around the menu a bit and I’d have found a much easier way!
You need to know two key commands (Digital Color Meter has to the front most app for these to work):
Command-L - this locks the pixel that digital color meter is looking at. You can now freely move your cursor and you won’t loose the pixel you were measuring.
Digital Color Meter Mac Hex
Shift-Command-C - this will copy the measured value onto your clipboard
Now you can paste your desired hex value, even with the octothorp - er, ‘#’ included!