调色板生成器
选择基色和和谐规则以获得一组现成的 hex 颜色和 CSS 变量。支持互补、类似、三元、四元和单色。
4 最小读取值已更新 2026-11-04
主要事实
- 类别
- 设计与色彩
- 价格
- 自由的
- 帐户
- 不需要
- 加工
- 在您的浏览器中
- 输入
- 本地文件或粘贴数据
- 平台
- 现代桌面和移动浏览器
它的作用
选择基色和和谐规则以获得一组现成的 hex 颜色和 CSS 变量。支持互补、类似、三元、四元和单色。
从基色生成互补、类似、三元和四元调色板。
如何使用
这是使用 调色板生成器 的简短版本。
- 选择基色 — 使用您的品牌颜色或情绪板样本。
- 选择和谐 — 不同的规则会产生不同程度的对比度。
- 复制 CSS 变量 — 在设计系统或样式表中使用调色板。
重要的功能
调色板生成器 做得很好。
- 没有任何东西离开您的设备 — 这项工作发生在您的浏览器选项卡中。此应用程序中没有上传端点,因此我们无法存储、记录或查看您的文件和文本。
- 无需等待上传 — 您完全跳过了到服务器的往返过程。结果受您自己的 CPU 限制,而不是受网络速度或队列大小限制。
- 免费、无账户、无配额 — 无注册墙,无水印,无每日限制。可选帐户仅用于跨设备保存收藏夹和预设。
常见问题
我的颜色在这里使用安全吗?
是的。该工具完全使用 JavaScript 在您的浏览器中运行。您粘贴或打开的任何内容都不会发送到服务器,并且页面在关闭后不会保留任何副本。
我需要创建一个帐户吗?
不需要。每个工具都无需登录即可完全使用。帐户仅添加已保存的收藏夹和可重复使用的预设。
它可以在手机上使用吗?
是的。该界面是移动优先的,具有大触摸目标和堆叠布局,因此它适用于手机、平板电脑以及台式机。
什么是三元调色板?
色轮上间隔 120° 的三种色调。它在保持平衡的同时提供强烈的对比。
这些调色板可以访问吗?
和谐并不能保证对比。使用 WCAG 对比度检查器检查文本/背景对。
打开调色板生成器
立即尝试 - 它在您的浏览器中运行并且不需要帐户。
打开工具