什么是和谐配色？

根据颜色在色环上的位置选出的一组颜色：类似色彼此相邻，互补色彼此相对，三角配色则均匀分布。

什么是暗色调和浅色调？

同一种颜色的更深和更浅版本。色阶从 50（最浅）到 950（最深）共十一级，与设计系统的用法相同。

可导出为 CSS 变量、Tailwind 主题、JSON 或纯 HEX 代码列表。

不会。配色在您的设备上生成。

是的。可以免费使用，无需注册，也无需安装。

免费，无需注册，直接在浏览器中使用。按一下按键即可生成配色方案，锁定您喜欢的颜色，或从基础色出发，按类似色、互补色或三角配色生成方案。可导出为 CSS 变量、Tailwind 或 JSON。

或按 空格键。锁定喜欢的颜色即可保留。

基础色配色规则

配色规则会沿色轮旋转色相：邻近色彼此靠近，互补色位于对侧，三角色将三种色相均匀分布。

点击某个深浅色即可复制。在配色中选择其他颜色可查看其深浅色。

CSS 变量TailwindJSONHEX 列表

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

配色在您的设备上生成。