配色方案生成器
在你的设备上运行，不会发送任何内容。一切都在浏览器中完成——不会上传任何内容。
颜色数5
提示：按空格键生成新配色。和谐规则
导出
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}按色轮和谐规则或随机生成配色，锁定喜欢的颜色，一键复制为 CSS 变量、Tailwind 颜色或 JSON。
点击“生成”（或按空格键）获得新配色。锁定想保留的颜色，其余颜色会按色轮和谐规则围绕它们重新生成：相邻的类似色、单色渐变、互补或分裂互补的对比色、三角色和四角色——也可以选完全随机、色相均匀分布。点击色值复制，点击色块自选颜色。可导出为 CSS 自定义属性、Tailwind 色阶或 JSON，保存为 PNG，或复制能打开同一配色的链接。
常见问题
各种和谐规则是什么意思？
它们是色轮上的位置关系。类似色相邻（柔和），互补色相对（对比强烈），分裂互补取对面颜色的两个邻色，三角色是相隔 120° 的三种颜色，四角色是相隔 90° 的四种颜色。单色保持色相、只改变明度。
怎样围绕品牌色生成配色？
点击第一个色块，选择你的品牌色，锁定后点“生成”。其余位置会按所选规则从你的颜色出发填充。
色块上的文字清晰吗？
色值标签会在黑白之间自动切换，选对比度更高的那个。正文文字请用我们颜色工具里的 WCAG 对比度检查确认具体配对。
会保存什么吗？
当前配色会保存在本设备上。分享链接把颜色放在网址 # 号之后，这部分不会发送到我们的服务器。