Comments on: Photoshop Color Picker

By: farisalom

farisalom — Wed, 31 Dec 2008 13:23:23 +0000

thanks. it's awesome. ceo of how to lose 5 pounds

By: Nancy

Nancy — Tue, 06 Nov 2007 04:26:12 +0000

Sweet, added this to my bookmarks.

In case you guys want Photoshop CS3 cheap – we have it for $347

http://www.4-ps.com

By: Nancy

Nancy — Mon, 08 Oct 2007 20:06:35 +0000

awesome .. I downloaded it .. and made it into an AIR app (just for my own use of course). Just took a few minutes and now I have it on the desktop for ease of use.

You might think of doing the same and distributing the AIR?

Good job!
Nancy

By: Jake

Jake — Sat, 06 Oct 2007 12:02:04 +0000

I think both Dojo and YUI have been having this and some external plugins for scripaculous. *Yawns*

By: amon

amon — Sat, 06 Oct 2007 10:16:00 +0000

And there is a similar component for ExtJS too:
http://ux.theba.hu/colorpicker/

By: nymane

nymane — Fri, 05 Oct 2007 19:38:48 +0000

Very good implementation. Works fine.

By: Wesam Saif

Wesam Saif — Fri, 05 Oct 2007 19:33:08 +0000

I made the NoGray Color picker (which support HSL) around 3 years ago and just updated it to us mooTools (for better compatibility) a few months ago. It’s free for download with a MIT license.

http://www.nogray.com/color_picker.php

Also, free basic support is provided.

The files and scripts are optimized for faster loading.

Hope you enjoy it.

By: w00fz

w00fz — Fri, 05 Oct 2007 19:24:19 +0000

Probably you meant @ w00fz :P
The point is that separated, both, are 1.53kb (768bytes each one, 256×256). Uniform gradient or not, white and black mixed generate a grayscales, so there are more colors.
Separated are just 1 color + transparence.

By: Mark Kahn

Mark Kahn — Fri, 05 Oct 2007 19:12:09 +0000

@Fabio: Actually a white-transparent or black-transparent png should be well under 1kb if it’s a uniform gradient (by default photoshop does NOT give a uniform gradient). My 256×256kb white/black overlay png is 12.5kb. So you save ~11k.

By: walter

walter — Fri, 05 Oct 2007 19:05:18 +0000

The YahooUI library has had a color picker like this for a while. I’ve been using it at http://pixenate.com/pixenate/themes/barcelona/ for a couple of months now.

By: w00fz

w00fz — Fri, 05 Oct 2007 18:59:28 +0000

The one of MooTools you're talking about is mooRainbow, which is smaller than others because instead of using one alpha image, mixed with white to transparence and black to transparence, it has 2 separated images: 1 for white to transparent, 1 for black to transparent. This way you avoid grayscale and your pngs are ~5k instead of 20kb. It allows you to use mousewheel on inputs or slider, and it can be attached on any element you want and it is damned fast thank to mootools. The new release of mooRainbow, scheduled on mootools 1.2 release, will allow to use just one instance on a collection of elements.

By: Fabio Zendhi Nagao

Fabio Zendhi Nagao — Fri, 05 Oct 2007 18:06:54 +0000

Mootools has one color picker of that type too… it’s not my job but I used it in my Canvas Experiments. Take a look in example 2:
http://zend.lojcomm.com.br/3rdPart/ibolmo/mooCanvas/

By: Vasili Sviridov

Vasili Sviridov — Fri, 05 Oct 2007 18:01:33 +0000

Nobody mentioned ColorJack? Let’s fix that, shall we :)

http://www.colorjack.com/sphere/

By: Mark Kahn

Mark Kahn — Fri, 05 Oct 2007 17:33:44 +0000

To everyone saying “The same thing has been done”: It hasn’t. This is, I’m fairly certain, the only “real” implementation of an HSL/RGB color picker in JavaScript.

The argument I tried to make before is that nobody needs a full HSL/RGB color picker :-). If you’re not certain about what I mean, open his demo and click on the radio buttons next to the “H/S/L R/G/B” input boxes.

By: justin

justin — Fri, 05 Oct 2007 13:56:47 +0000

And I foolishly forgot the link for the above comment:

http://www.nogray.com/color_picker.php

By: justin

justin — Fri, 05 Oct 2007 13:56:20 +0000

Here’s the same thing, but with a MIT license (see the source of the js file in the package). I’ve been using this one for a while, since it’s based on mootools, my library of choice.

By: Mark Kahn

Mark Kahn — Fri, 05 Oct 2007 13:55:25 +0000

http://www.webreference.com/programming/javascript/mk/column3/

I did this 5 years ago, wrote about it 2 years ago. Who needs HSB colors when using a color picker on a website??

By: Shane O'Sullivan

Shane O'Sullivan — Fri, 05 Oct 2007 13:54:34 +0000

Looks quite similar to the Dojo color picker – http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/widget/tests/test_ColorPicker.html

By: Sebastian Werner

Sebastian Werner — Fri, 05 Oct 2007 13:53:04 +0000

What’s the license for this one. A MIT/BSD would be great.

By: scriptkiddie

scriptkiddie — Fri, 05 Oct 2007 13:21:33 +0000

Btw, fuck IE, who uses IE for web design?
Just for testing, but no for web design.
So, again, fuck IE