颜色调色板生成器是一个在浏览器本地跑的小工具：你给一个基准色（HEX、RGB 或 HSL 都行），它按色彩理论算出互补色、类似色、三色组、分裂互补、四色组等方案，并给出每个颜色的 HEX/RGB/HSL 值。适合做 UI 配色、海报主色延展、PPT 主题色、前端 CSS 变量表。比如你做一款记账 App，主色定为 #2F6FED，把 HEX 粘进去，立刻拿到互补色 #EDAD2F 做强调按钮、类似色 #2FEDD6 做图表辅助线，不用在取色器里来回试。
| 对比维度 | 本工具 | 手工/替代做法 |
|---|---|---|
| 生成一套 5 色方案耗时 | 约 2 秒，输入 HEX 后即时出结果 | 在 Photoshop 取色器里手动调 H/S/L，约 3-5 分钟 |
| 色相计算精度 | 按 HSL 公式精确到 1°，如 +180°、±120° | 肉眼拖动色相环，误差常达 5-15° |
| 输出格式 | 同时给出 HEX、RGB、HSL 三组值，可一键复制 | 需在多个面板间切换查看，容易抄错 |
| 隐私 | 全部在浏览器本地计算，颜色数据不上传 | 在线配色站通常把色值发到服务器记录 |
| 费用 | 免费，无次数限制 | 部分专业配色软件按年订阅，约 50-200 美元/年 |
在 HSL 色彩空间里，互补色就是把色相 H 加 180°，再对 360 取模。例如 #2F6FED 的 H 是 219°，219+180=399，399-360=39°，得到 #EDAD2F。饱和度和明度保持不变，所以两色对比强烈但亮度接近，适合做按钮和强调色。
常见做法是取基准色相 ±30°，也就是相邻 60° 的区间，例如 H=219° 时得到 189°、249°。如果只取 ±15°，色差太小，肉眼在低分辨率屏幕上几乎分不出来；超过 ±45° 就接近中差色，不再属于类似色范畴。
不能直接用。工具输出的是 sRGB 屏幕色，印刷需要 CMYK 或 Pantone 色号。sRGB 转 CMYK 没有唯一公式，取决于油墨和纸张，例如 #2F6FED 大致对应 C80 M60 Y0 K0，但实际打样可能偏紫。印刷前请用专业色彩管理软件或色卡核对。
因为屏幕色域和校准不同。sRGB 覆盖约 35% 的 CIE 1931 可见色域，广色域屏（DCI-P3）能显示更饱和的颜色。同一个 #2F6FED 在未校准的笔记本屏和校色后的显示器上，色差 ΔE 可能达到 3-5，肉眼可察觉。做品牌色时建议以校色屏为准。
WCAG 2.1 要求正文文字对比度至少 4.5:1，大号文字至少 3:1。如果生成的浅色配白字不达标，可以降低明度 L 或提高饱和度 S。例如把 L 从 70% 降到 45%，对比度通常能从 2:1 提升到 5:1 以上。具体数值可用本站 color-contrast 工具验证。
本工具在浏览器本地用 JavaScript 计算，颜色数据不会上传服务器。色相计算基于 HSL 模型，角度取整到 1°，适合屏幕设计；不涉及 CMYK、Pantone 等印刷色域转换。生成的色值仅供设计参考，正式项目请结合 WCAG 对比度标准和实际设备校准结果使用。