几年前,很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件,故而把这些编译汇总。在本文,Web设计师和开发人员 Kevin Liew 选取了11个相应插件,有些会比较复杂,其他比较简单,相信应该会有适合你的。

1. ExColor

ExColor是一个类似Photoshop样式的jQuery颜色拾取插件,其定制性非常高,通过参数设置可生成各种样式和效果的颜色拾取器。它可以附加到任意的input输入框,通过简单地调用一行函数即可。

2. JScolor


JSColor是一个简单、易于使用的JavaScript库,可以将任何给定input框转化为颜色选择器。该选择器是隐藏层,没有使用任何弹出窗口,可以出现在input框的任意一端。

3. Advanced Javascript ColorPicker

ColorPicker是个高度可定制的高级JavaScript颜色拾取器,并不依赖于任何JS框架。它可以6种不同的颜色模式来显示整个调色板(~16.78 mil. 颜色)。

4. Farbtastic

Farbtastic是一个jQuery的颜色拾取插件,可以非常轻松地将颜色选择器添加到Web页面中。颜色选择器将链接到Web页面上的一个已有元素(如,一个文本框),当选择一个颜色时即更新元素值。

5. Javascript Color Picker

该JavaScript颜色拾取器拥有HSB和RGB两种模式,使用颜色原型,兼容所有的主流浏览器。

6. mooRainbox

mooRainbox是一个易于集成的JavaScript颜色拾取器,基于mootools框架创建。该拾取器可以连接到任意DOM中的元素,这里会生成一个单击事件。通过简单地点击,你就可以显示或隐藏mooRainbow。

7. ColorPicker

一个简单的组件,可以与Adobe Photoshop一样选择颜色。

8. jPicker


jPicker是一个快速、轻量级的jQuery插件,让你的Web项目中可以包含一个高级颜色拾取器。它来自于Joh Dyer的选择器,使用Prototype框架进行了改良。

9. SimpleColor

jQuerySimpleColor是个非常简单的颜色拾取器插件,通过一个个的正方形来挑选颜色。

10. Really Simple Color Picker

带有预设调色板的一个颜色拾取器,简单直接。

11. Flexi

Flexi是一个轻量级的颜色拾取器(只有4.3KB),它只用JavaScript编写而没有使用任何的图像(由于SVG/VML)或CSS。Flexi是一个独立的脚本,不需要任何JavaScript框架,并且可以设置选中颜色为十六进制、HSV或RGB格式。

其它地址:http://www.open-lib.com/Type/170-1.jsp

转载自:http://blog.jobbole.com/9476/

程序员的基础教程:菜鸟程序员

最新文章

  1. jquery 获取浏览器可视窗口大小,滚动条高度
  2. fail2ban 原理 安装 使用
  3. facebook开源前端UI框架React初探
  4. B/S与C/S区别
  5. [Hive-Tutorial] What Is Hive
  6. 反编译看java for-each循环
  7. python3解析库lxml
  8. Python并发复习1 - 多线程
  9. 基于Boost库的HTTP Post函数
  10. powerDesigner16x64安装步骤
  11. tensorflow data's save and load
  12. 一文总结之MyBatis
  13. Python内置字典;dict ,set
  14. Java-jdbc连接简化类jdbcUtil
  15. Python爬虫scrapy-redis分布式实例(一)
  16. 在python中使用c语言编写的库
  17. ISSCC 2017论文导读 Session 14 Deep Learning Processors,A 2.9TOPS/W Deep Convolutional Neural Network
  18. 解决get方法传递URL参数中文乱码问题
  19. 为什么说Java String 类型的值是不可改变的?
  20. Codeforces Round #259(div2)C(数学期望)

热门文章

  1. CTF学习资料总结
  2. NIO:异步非阻塞I/O,AIO,BIO
  3. vc++ windows 创建桌面快捷方式
  4. UITextField的使用总结
  5. C#防止程序多次运行
  6. 两种方式创建Maven项目【方式二】
  7. 关于app集成支付宝应用内支付的问题总结
  8. vim中多行注释和多行删除命令
  9. shell中字体变色
  10. SERDES高速系统(一)