色导网中文配色工作台与色彩资料馆

色导网工具台:六件能直接用的配色工具

都是纯前端计算,颜色不离开你的浏览器。每个工具页都写清了它用的公式、它的假设,以及它测不出来的东西。

工具台默认配色示例

按你要做的事选

调色板生成器

给一个基色,按六种和谐规则推出整组配色,顺带算好每个色对白底黑字的对比度。

对比度检测

算 WCAG 相对亮度与比值,给正文和大字各自的 AA、AAA 判定,并说明它测不出什么。

色彩空间换算

HEX、RGB、HSL、HSV、CMYK、XYZ、Lab、OKLCH 一次全给,每种的口径与误差都写在页面上。

色觉模拟

看一组色在红绿蓝色觉障碍下还能不能分开,并给出模拟前后最小色差的数字。

渐变插值对照

同一对端点在 sRGB 与 OKLCH 两种插值下并排,灰带问题一眼能看出来。

我的色板

把配色存在本机浏览器里,重命名、删除、导出成 JSON 文件,不需要账号。

这些工具共同的口径

所有计算都在 sRGB 色空间里做,白点取 D65。十六进制色值按 8 位整数处理,所以来回换算可能出现最后一位的舍入差。

工具给的是便于设计取用的数值,不是任何标准的检定结果。真要交付印刷或做无障碍认证,请以对应标准的正式方法和设备测量为准。