配色生成器

从一个基准色生成互补、类似、三色组与分裂互补配色方案。

基准颜色

导出

复制适合 CSS 自定义属性的结果。

类似色

输入与输出示例

#0F766E + 类似色五个相邻色相颜色

如何使用

  1. 输入基准颜色。
  2. 选择色彩关系。
  3. 复制任意生成色或 CSS 变量。

能力与限制

  • 浏览器本地处理
  • 色相规则只提供配色起点,实际品牌色需人工复核。
  • 颜色计算完全在本地浏览器完成。

常见问题

三色组适合所有页面吗?
高对比三色组适合强调,通常仍应保留一个主色和中性色作为版面基础。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明