![]() Alongside the format I'd been lusting after are a range of formats I've found useful since: RGB percentages, RGB Decimal (8 and 16-bit), RGB hexadecimal (8 and 16-bit), HSB & HSL as well as a raft of YP BP R and YC BC R options which I'm clueless about the use of. Straight out of the box I can view colours in various formats including the 8-bit hexadecimal I'd been using previously. The Lion update removed the hex view, switching to full integer RGB values which, whilst convertible to hexadecimal, aren't really as useful.Įnter Classic Color Meter. I could hover the target pixel and the R, G & B labels in the app would show me the hexadecimal values of the colour at that pixel. ![]() My main use case of the original Digital Color Meter was to pick the hexadecimal values from colours on designs or websites. Since then it's grown and added some extra functionality which should make it useful to designers and developers across the board. It promised to replicate the original functionality of the Digital Color Meter, allowing me to essentially replace the application with this one and carry on as before. The Mac App Store was still in its infancy, but after a few searches I'd found the replacement I was looking for - Classic Color Meter. Traditionally I used the one that ships with Mac OS X called Digital Color Meter, however at around the time Lion was released there was an update which dropped functionality I was heavily reliant on. You can now freely move your cursor and you won't loose the pixel you were measuring.There are a few tools I use day-to-day that I couldn't be without, one of them is a colour picker to use on the desktop. You need to know two key commands (Digital Color Meter has to the front most app for these to work):Ĭommand-L - this locks the pixel that digital color meter is looking at. But I just needed to poke around the menu a bit and I'd have found a much easier way! The way I used to work was to look at those values, and write them down on a scrap of paper. Go to the View menu, Display Values > as Hexadecimal. In Lion, though, Apple changed where this toggle is. The way digital color meter used to work, you could select "hex" from the drop down in the floating window, and get just that. But what if you don't want RGB values? How to set it up for a web design workflowįor a lot of web design, you're going to want to have hex values of colors. You will also see a set of RGB values of the color of that pixel. When open, it will present a floating window with a magnified representation of where your cursor point is. ![]() To use Digital Color Meter, go to Applications/Utilities, and you'll find it there (along with other goodies like Network Utility). It will change its reading as you move your cursor over the screen - it measures the pixel at the tip of your cursor. Simply put, it measures the color of a particular pixel on your screen. I'm surprised more designers and developers don't know about it, so I thought I'd try to rectify that situation. One of the secrets of the Mac OS, at least for web designers, is the utility called Digital Color Meter. 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? Mac OS X Digital color meter for web designers: Chip Cullen Chip Cullen Mac OS X Digital color meter for web designers September 18, 2012
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |