色板工具箱

专业的配色、取色、渐变、对比度及色板管理工具，全部在浏览器本地运行。

当前色板

色板生成

基础颜色

色板数量

随机种子

锁定

点击色块右上角的锁定按钮，重新生成时该颜色保持不变。

渐变生成

起始颜色

结束颜色

角度°

专业配色模式

阶梯数量

阶梯方式

阶梯强度

55%

基础颜色

颜色转换与专业数据

输入 HEX

输入 RGB

输入 HSL

取色器

HEX—

RGB—

HSL—

HSV—

CMYK—

XYZ—

LAB—

亮度—

颜色和谐度 / 配色关系

根据当前颜色自动计算互补、分裂互补、类似、三角色、四色等配色关系。

渐变 CSS 与常用渐变

颜色详情

HEX—

RGB—

HSL—

HSV—

点击任意色块即可查看该颜色；再次点击色块上的复制按钮可复制 HEX。

文字对比度

白色文字—

黑色文字—

按 WCAG 对比度计算，普通文字 AAA ≥ 7、AA ≥ 4.5；大号文字 AAA ≥ 4.5、AA ≥ 3。

CSS 变量

常用色板

我的收藏

暂时没有收藏色板。