配色生成器
从一个基准色生成五色方案，锁定需要保留的颜色，查看黑白文字的对比度，并复制 HEX 色值或 CSS 变量。
从基准颜色开始
先在颜色选择器中选定基准色，再点击生成配色。第一格没有锁定时会采用这个颜色，其余色块则围绕基准色调整色相、饱和度和明度。生成结果适合作为演示文稿、小型网页或插图的初步配色参考。它提供的是便于比较的颜色候选，不会分析品牌定位，也不能预测受众偏好、转化表现或作品质量。决定最终颜色前，仍应将色值放到实际版面中查看。
保留满意的色块
点击色块下方的锁定按钮，可以在下次生成时保留这个位置的颜色。按钮的按下状态表示已经锁定。可以只锁定品牌主色，反复更换其余颜色，也可以锁定四格，只探索最后一格。即使更改了基准颜色，已经锁定的第一格也不会自动变化。如果希望第一格采用新的基准色，需要先解锁，再重新生成。锁定只作用于当前页面会话。
示例：为演示文稿选择强调色
可以输入或选择 #2B59E8，生成一组颜色，再锁定蓝色色块。接着把其余颜色放在文稿的实际背景上比较。鲜艳的颜色可能适合小面积强调，却未必适合大面积铺底。正文、标题、图表与按钮的用途也不同，不宜只凭色块之间的观感直接决定全部页面的颜色。这里不会把某套配色标记为经过专业审核，也不会自动修改已有设计文件。
理解黑白文字的对比度
每个色块显示纯黑文字和纯白文字放在该单色背景上的对比度。计算采用下方参考资料中的 sRGB 相对亮度方法。这个数值只描述指定文字颜色与指定背景色之间的一对关系，不会检查字体大小、字重、透明度、渐变、图片背景、键盘焦点或整套配色中的所有颜色组合。实际页面中的文字还可能叠加其他样式，因此需要在最终界面中逐项检查，不能把某个比值当作整页无障碍认证。
复制与保存结果
单个色块的复制按钮会复制六位十六进制 HEX 色值。复制 CSS 变量会按当前顺序复制五个颜色，便于粘贴到样式表中。复制内容不包含锁定状态，也不会生成可以恢复当前状态的永久分享链接。刷新或关闭标签页前，请先保存需要的颜色。如果浏览器不允许访问剪贴板，可以直接选择屏幕上显示的色值并手动复制。复制成功不表示颜色已经应用到其他软件。
常见问题与适用范围
生成的配色是否保证无障碍？不保证；这里只计算指定单色背景与黑白文字的对比度，完整界面仍需进一步检查。相同基准色是否会得到相同结果？不会，未锁定的色块包含随机变化。能否用于印刷校样？HEX 是屏幕色值，不等于 CMYK 转换或印刷打样，实际印刷效果取决于生产条件。基准色选择与配色生成在当前浏览器中完成，不会将输入的颜色发送给外部配色服务。