色彩无碍拾色器

零烦恼色彩选择器

查看演示和文档：http://bgrins.github.io/spectrum。

我想要一个不需要图片，并且对我这个在多个应用程序中处理过颜色的开发者来说API直观易用的颜色选择器。尝试了若干现有的插件后，我决定自己设计一个更小巧、更简单的。

最初使用canvas，后来转而采用CSS渐变，因为这样更便于管理，并提供了更好的跨浏览器支持。

基本使用方法

更多信息请参阅文档。不同选项的视觉演示可访问：http://bgrins.github.io/spectrum。

<script src='spectrum.js'></script>
<link rel='stylesheet' href='spectrum.css' />

<input id='colorpicker' />

<script>
$("#colorpicker").spectrum({
    color: "#f00"
});
</script>

使用npm

Spectrum已在npm注册为包，可以通过以下命令安装：

npm install spectrum-colorpicker

使用Bower

Spectrum也在Bower上注册为包，可通过如下方式下载：

bower install spectrum

通过CDN使用

由cdnjs提供CDN服务。

<script src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.css">

持续集成

访问https://travis-ci.org/bgrins/spectrum以查看自动化测试的状态。

本地构建Spectrum

如果你想下载并使用该插件，可以前往http://bgrins.github.io/spectrum 并点击“下载ZIP”按钮。

如果你要运行开发版本，Spectrum使用Grunt来自动化测试、lint和构建过程。更多关于Grunt的信息，请访问http://gruntjs.com/getting-started。首先，克隆仓库，然后执行：

npm install -g grunt-cli
npm install

# 运行jshint和单元测试套件
grunt

# 运行jshint，单元测试套件，以及构建最小化文件。
grunt build

国际化

如果你能够将界面文字翻译成其他语言，请贡献你的力量！你可以通过提交pull request或者创建问题附带翻译内容。现有语言列表见：https://github.com/bgrins/spectrum/tree/master/i18n。

例如，参阅荷兰语翻译。