首页›文本·编码·数据›配色方案生成器

配色方案生成器

以选定主色为基准,按互补、类比、三角等色彩关系自动推算出一组搭配色,输出 HEX 与 RGB 值供设计稿直接取用。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 选定或输入一个主色的色值
  2. 选择互补、类比或单色等配色模式
  3. 查看生成的色板并微调各颜色
  4. 复制 HEX / RGB 值粘贴到设计工具

典型场景

为海报快速确定一组主题色
搭建网页 UI 的品牌色阶
统一数据可视化的分类配色

常见问题

互补色和类比色有何区别?

互补色在色轮上相对、对比强烈;类比色彼此相邻、观感柔和统一。

生成的色值是什么格式?

同时给出十六进制与 RGB,方便 CSS 或设计软件直接引用。

主色可以从图片取吗?

可先从别处得到图片主色色值,再填入这里作为基准生成色板。

相关工具