配色方案生成器
从基础色生成和谐配色方案。
选择一种基础色，生成和谐的调色板——单色、互补色、邻近色、三角色、暗色或浅色。复制任意色块，或将整个调色板导出为 CSS 变量或 JSON，以供您的设计系统使用。一切都在本地计算。
所有颜色转换均在你的浏览器本地完成 —— 不上传、不存储、不记录。
工作原理
- 1 选择一种基础色。
- 2 选择一种调色板模式。
- 3 复制您喜欢的单个色块。
- 4 将调色板导出为 CSS 变量或 JSON。
常见用例
- 从一种颜色构建品牌或界面调色板。
- 寻找互补的强调色。
- 为设计系统初始化颜色令牌。
- 快速探索各种配色和谐方案。
常见问题
我的颜色数据会被发送到任何地方吗？
不会。每一次转换和计算都完全在您的浏览器中运行——不会上传、存储或记录任何内容。
这些模式分别是什么意思？
单色模式在同一色相上变化明度；互补色使用相对的色相；邻近色使用相邻的色相；三角色使用三个均匀分布的色相；暗色逐渐变暗；浅色逐渐变亮。
我如何导出调色板？
使用「复制 CSS 变量」获取 `--color-n:` 声明，或使用「复制 JSON」获取一个可放入代码的 HEX 值数组。
真的免费吗？
是的——免费，无需注册，无水印，无限制。