Chroma.js

Chroma.js是一个零依赖的JavaScript库（13.4kB），用于各种颜色转换和颜色比例。

使用方法

从npm安装

npm install chroma-js

将包导入项目

import chroma from "chroma-js";

初始化和操作颜色：

chroma('#D4F880').darken().hex();  // #a1c550

使用颜色比例也很简单：

scale = chroma.scale(['white', 'red']);
scale(0.5).hex(); // #FF7F7F

Lab/Lch插值比RGB看起来更好

chroma.scale(['white', 'red']).mode('lab');

自定义域！分位数！Color Brewer!!

chroma.scale('RdYlBu').domain(myValues, 7, 'quantiles');

为什么不尝试一下对数颜色比例呢？

chroma.scale(['lightyellow', 'navy']).domain([1, 100000], 7, 'log');

喜欢吗？

不妨深入了解交互式文档（也有静态版本）。你可以下载chroma.min.js或使用cdnjs.com上的托管版本。

你也可以在node.js中使用它！

npm install chroma-js

或者你可以在SASS中使用chromatic-sass！

想要贡献？

来我们的Discord频道打个招呼吧！

构建说明

首先克隆仓库并安装开发依赖：

git clone git@github.com:gka/chroma.js.git
cd chroma.js
npm install

然后将coffee-script源文件编译为构建文件：

npm run build

别忘了测试你的更改！如果你添加了新功能，你可能还需要在/test文件夹中添加新的测试。

npm test

要更新文档，只需运行

npm run docs

要在本地预览文档，可以使用

npm run docs-preview

类似的库 / 前期工作

• Chromatist
• GrapeFruit (Python)
• colors.py (Python)
• d3.js
• Color Art (Rust)

作者

Chroma.js由Gregor Aisch编写。

许可证

基于BSD许可证发布。 0.4版本之前基于GPL发布。

延伸阅读

• 如何避免等距HSV颜色
• 使用Chroma.js掌握多色调色比例

常见问题

已经X周没有提交了。Chroma.js是不是死了？

不是！只是这个库的作者还有其他事情要做，而不是每周都花时间对一个运行良好的软件进行装饰性修改，只是为了让像你这样的人觉得它没有被抛弃，没有被孤零零地留在这个世界上等死。bug会被修复。新功能也会在某个时候出现。请耐心等待。

我想帮助维护chroma.js！

太棒了！请到我们的Discord聊天室打个招呼，以便联系。