If you are a web developer/designer you know that there is no shortage of color pickers out there. I’ve toyed with dozens of them over the years and I recently ran into on the I found to be exceptional. That color picker is “Sip” by the Ola Brothers.
I am pretty picky when it comes to selecting development tools and color pickers are no exception. When I need to capture a color value, I don’t want to click my way through a series of menu systems to grab what I need. I just want to enable the tool, hone in on the color I need, click it and have the color value automatically copied to the clipboard for me to paste into my CSS.
Sip does all of this (and a good bit more) exceptionally well. Whenever I need it, I use Alfred to open it (or you can have it open on start up), I click the Sip icon in the menu bar, and I then click the target in the upper-left corner of the drop-down menu. After that, a loupe appears and I hover over the color I want (which can literally be any where on your screen) and click it. The preset color definition is then copied to my clipboard and I proceed to paste the value anywhere I need it.
You can also choose a color manually buy clicking the Sip icon in the menu bar and choosing the color wheel in the upper right corner of the drop down.
So many flavors to choose from!
Almost all color pickers out there give the option of RGBA or Hex, but Sip gives you WAY more options than that. So if you need anything other than the standards, Sip’s got you more than covered. To access the presets just click the Sip icon in the menu bar again and then click the side-loading menu directly below the bullseye and color wheel up top. From there you’ll find the selections afforded you and I’d be shocked if what you needed wasn’t included.
We’ve got history.
Sip also keeps a history of colors that you’ve chosen in the past. Which is awful handy when you need to revisit older colors and don’t want to repeat the color picking process or remember what value it was. There is even the option of sharing colors or deleting them from the history if you no longer need them. The default history is initially limited to 5 colors but you can up that value (or reduce it) in the settings which you’ll find under the gear icon in the Sip dropdown menu.
In the preferences you can also tweak code and color formats as well enable and see the keyboard shortcuts given to you in Sip. Keyboard shortcuts are pretty key to my development workflow, so having them integrated even in something as simple as a color picker is a prerequisite for me.
Taking It to the Next Level: Leveraging Sip on the Go.
Sip also has an immensely handy iOS app that leverages your iPhone’s camera to dynamically capture full color palettes from whatever is in the view finder. You can even do the same from pictures you’ve already taken! It’s quite a sight to behold honestly, and it’s a great way to grab color palettes from clients photos or anything that is aesthetically pleasing to look at in your day-to-day life. From the app, you can save and label the palette for future reference or you can also share palettes by swiping left to right on the palette, tapping the share icon that appears. The colors in the palette then show up individually pre-formatted in an email that you can send anywhere.
With an in app purchase of $9.99, you can upgrade your Sip installation to a Pro version which affords you even more powerful ways to wrangle colors on your Mac. It brings the color palettes to Mac version of Sip and it also allows you to sync palettes via a cloud service from your phone to the Mac so that you don’t have email them manually to yourself any more.
The Pro upgrade also allows you to pick more than one color at a time. Which helps streamline the process a bit more. Particularly if you already see a palette developing in a scene in front of you on your screen. Without the Pro version, you’d have keep enabling the loupe after you click each individual color.
It also allows you to edit and fine tune the colors you’ve chosen, allowing you to tweak existing Sip color formats or even create your own custom formats!
While the Pro account is very appealing to someone in my profession, I don’t necessarily see it as a “must-buy” for everyone else. You get so much from Sip’s basic offerings that I could absolutely see many people getting everything they need and more from the what Sip offer’s out of the box.
Which is great, because Sip out of the box can be had for the ultra-cheap price of free.
Since incorporating it into my workflow, I can’t imagine designing and developing for the web without it. And with a non-existent barrier to entry, I can’t imagine why you wouldn’t at least want to try it for yourself.