配色生成器
从一个基准色生成互补、类似、三色组与分裂互补配色方案。
基准颜色
导出
复制适合 CSS 自定义属性的结果。
类似色
输入与输出示例
#0F766E + 类似色五个相邻色相颜色如何使用
- 输入基准颜色。
- 选择色彩关系。
- 复制任意生成色或 CSS 变量。
能力与限制
- 浏览器本地处理
- 色相规则只提供配色起点,实际品牌色需人工复核。
- 颜色计算完全在本地浏览器完成。
常见问题
- 三色组适合所有页面吗?
- 高对比三色组适合强调,通常仍应保留一个主色和中性色作为版面基础。
相关指南
颜色格式与对比度:从 HEX 到可读的界面配色 ↗相关工具
更新于 2026-10-17 · 项目与反馈说明