Panic

Panic Blog

From the desk of
Wade
Engineering Dept.

Developer Color Picker 1.5

Picker ScreenshotWade here, which means it’s time to get all Cocoa-programmer-y.

If you follow me on Twitter, you may have noticed I released Developer Color Picker 1.5 a few weeks back. I thought I’d take a moment to make an official blog post to mark its release.

The big new feature in this version is the ability to modify colors within the color picker itself, instead of having to switch to a different mode first. I also added hsl(a) mode for CSS-style declarations.

Hopefully these improvements will make the Developer Color Picker even more useful in your development process.

1.5.4 – Fixed namespace issue with Panic applications
1.5.3 – HSB modes no longer copy RGB values.
1.5.3 – Fixed color mismatch when working in Photoshop. Tweaks and fixes for OS X 10.7.
1.5.2 – Color values now match the Apple color pickers. Can now tab between value fields.
1.5.1 – Changed generic HSB support to HSL since that’s what CSS actually uses. Doh.


Posted at 12:06 pm 43 Comments

Great!

Awesome

I love my life. Panic swoops in once again FTW.

<3

Great! Thanks for the effort!

Couple that with some AppleScript Application magic (“choose color”) and this plugin makes a handy application agnostic color picker.

Thanks!

Thanks! …But isn’t that RGB(a). HSB is hue, saturation, brightness…

Thx for this really useful tool! :)

Holy crap! Just installed this and you just rocked my world! Best feature: copying the hexidecimal code. This is FULL OF WIN!!1!one!

Thanks very much for the nice update. :)

Daniel Bramhall

8/31/2010 12:54 PM

Pure awesome-ness right there!

Ben Midget

8/31/2010 12:59 PM

This is great. It really is (as is all Panic software).

Though it’s odd to me that it shows RGB sliders instead of a single text box when in hexadecimal mode.

any chance for a release as a standalone picker?
that would be great!

Jason Howmans

8/31/2010 1:20 PM

Sweet! You guys never cease to amaze :)

Kennet Nordahl

8/31/2010 1:40 PM

It is HSLA for CSS.
http://www.w3.org/TR/2008/WD-css3-color-20080721/#hsla-color

Thanks for the colour picker, great work.

Nathan Pitman

8/31/2010 1:59 PM

Awesome, as always.

yay

Nice. But how do you get the opacity slider ?

Nevermind, some applications have it, others don’t. An hexa field would be nice too, but the copy link is pretty cool.
Anyway I already ditched my old RCWebColorPicker.colorPicker ;)

Kennet, thanks for the heads-up. It would appear I was being a little hasty in my addition. :) I have updated the picker to use HSL instead of HSB.

Guys, THANKS! This is the perfect color picker to complement Coda ;)

Olivier Lacan

8/31/2010 3:59 PM

It’s strange, on your screencap I can see an Alpha (opacity) channel slider but I can’t seem to find it on the actual color picker. Is that an oversight or I am loosing mine?

Thanks a lot for this nifty little tool regardless :-)

Olivier, the application hosting the color picker can choose to show the alpha slider or not. Sometimes allowing alpha isn’t relevant to the color you’re selecting, so an application may turn that option off.

My dear, what took you so long… Anyway you’re already here, xoxo!

Mark Quezada

8/31/2010 6:18 PM

Thanks for the update! I use this almost daily. I didn’t seen anyone mention it, but I use this in conjunction with Spot Color (http://zachwaugh.com/spotcolor/). It’s a standalone color picker app that makes Developer Color Picker especially useful since you don’t need to launch it from a specific app.

Thank you Wade Cosgrove and Neven Mrgan a lot for sharing this great app.

Great and very useful for developers!
Who else sees a glass of beer in the icon? ;-)

This is just what I have been silently praying for! Thanks so much Wade!

Olivier Lacan

9/1/2010 9:28 PM

Good to know Wade, I was doing that inside Coda, I’m guessing it’s not hooked up with rgba() values yet. Would be a great idea though, this would be a great use case for this color picker.

First of all, let me say that I never put a comment in such an ultracool form before.
Second, thx for the enhanced picker, it’s just a little yet precious thing for my everyday work.
Third, and most important, I really can’t wait to see the next major update of Coda. Is there any chance you guys let us know/sniff something about? Cmon, please!

Uli Kusterer

9/14/2010 5:35 AM

Hi Wade,

thanks for making this great tool available, loving it. Just one little suggestion: Can you fix the edit fields so one can tab from one to the next? They currently just write the tab into themselves. I guess you made them NSTextViews instead of NSTextFields?

Cheers,
— Uli

PS – That last comment before me is a spammer, you’ll probably want to remove that.

Uli Kusterer

9/14/2010 5:40 AM

Oh, one more thing: Is there any way to edit the templates for the various color types? I have a C++ wrapper class around the CoreGraphics color stuff, and would like to create the code for a color of that type directly.

Uli, thanks for the comments. I’ll post an update to fix the tabbing issue. The fields are actually NSTextFields so I’m not sure why the OS isn’t automagically tabbing into them by default. The color templating functionality you’d like has been requested before, but would take more time than I have currently (it’s on my radar).

Nice! Had a bit of a go at making something like this for iphone for those “i wonder what the hex code for that logo is” moments.. also, was surprised how fun moving 3 sliders about at once was haha … http://souseiji.net/RGB/

Hey, i love this tool.

One beef though. It would be really useful if i could paste a color code (ex CSS HSL, RGB, HEX), and then tweak it, and copy it again.

Is anyone else noticing a weird aliasing on that rotated screenshot of the color picker? All the other rotated images on the page are displaying fine. I’m on Chrome OSX.

Also, that color picker is awesome.

:) 100% AWESOME!!!!

Merci beaucoup !! ;-) Ici on aime Panic !!

Brotkruemel

1/5/2011 2:22 PM

I love you!!! and your Blog Design!!!! Keep up the great work, and have a good launch at the AppStore tomorrow!

Michael Junge

2/2/2011 1:17 AM

Thank you. Very helpful!

wonderful! a nice feature would be something like the usefule http://0to255.com/ website, where you specify a color and it shows you shades of the same color. thanks.

kenmaclord

2/9/2012 9:19 AM

Hello everybody,

sorry for my ignorance, but I wasn’t able to make your plugin work. I copied the .colorpicker in the code plugin folder, close and start coda again, but nothing happen. Where did I make a mistake?

Thanks by advance. Ken

Alejandro Camacho

9/30/2014 6:10 PM

Great!!!
Thanks for sharing this great tool.