颜色拾取器color picker (javascript version)

颜色拾取器

216种web safe color的构造方法

var cl = ['00','33','66','99','CC','FF'];
    var clist = [];
    for(var r=0; r<cl.length; r++)
      for(var g=0; g<cl.length; g++)
        for(var b=0; b<cl.length; b++)
          clist[clist.length] = cl[r]+cl[g]+cl[b]; 

一些color picker链接：

1．ColorPicker v3.1 by Joe Barta, PageTutor.com
       http://www.pagetutor.com/colorpicker/index.html
       http://www.pagetutor.com/colorpicker/picker2/index.html ColorPicker v2
2. PhotoShop-like JavaScript Color Picker by John Dyer
       链接地址为：http://johndyer.name/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx
这里有一个 例子。 它非常强大，以致于超出了常规网上颜色拾取器的需求。
3. http://www.free-color-picker.com/提供了DHTML和弹出式窗口等216种网络颜色和不同灰阶颜色的拾取组件。
可以到 这里下载。
4． Javascript Toolbox提供了两种实现方法，基于弹出窗口的方法和基于DHTML layer的方法，具体参见：http://www.mattkruse.com/javascript/colorpicker/。
5．BlueShoes公司的 ColorPicker组件似乎更酷，它有多个版本，包括类似于photoshop的组件，以及普通的216颜色拾取器，与众不同的是它采取了多个tab页面来表达，这里是一个 例子。
6．softComplexg公司的 ColorPicker，可以提供web安全调色板、windows系统和Mac系统调色板以及灰阶调色板，例子参加 Demo。它目前免费。6．BigResource网站有一个 网页，专门列举了JavaScript版本的Color Picker的多个链接。

Ext JS中的颜色拾取器

对于Ext用户，可以考虑Collin Miller的port版本，http://code.google.com/p/ext-ux-color/ 。
另外，Ext JS中的颜色拾取器扩展还有：

• rpetrello  的<canvas>实现，见 http://ryanpetrello.com/ext-ux/ColorField/ 。经测试在firefox中显示颜色选择圆环，而在IE7上则显示ext自带的颜色面板Ext.ColorPalette。

• bendy  在ExtJs论坛给出了一个扩展。

• Ext User amon  在ExtJs论坛也给出了解决方案，具体见

2.0a: http://ux.theba.hu/colorpicker2/ for Ext2 ，经测试与Ext2.0 alpha兼容，而与Ext2.0.2兼容性有问题。
1.1.1: http://ux.theba.hu/colorpicker/ for Ext 1.1
        上述Ext JS实现只提供了40种颜色的选取，如果希望选取216个web颜色，可以通过更改Ext.ColorPalette类的colors属性，它是一个颜色数组，元素为16进制的颜色字符串（没有#）。

 

其他：

http://www.softcomplex.com/products/tigra_color_picker/demo1.html
http://www.softcomplex.com/products/tigra_color_picker/
http://www.codeproject.com/KB/miscctrl/CPicker.aspx

 

Flash版本的颜色拾取器

Color picker component

http://www.sephiroth.it/file_detail.php?id=145

Color picker 2 component for Flash

http://www.sephiroth.it/file_detail.php?id=147

Flex2: Advanced ColorPicker

http://www.sephiroth.it/file_detail.php?id=150