调色板生成器
互补色、类似色、色阶 50–950本地处理 · 数据不上传
明暗色阶（50–950）
互补色
类似色
三角配色
四角配色
分裂互补
单色系
点击色块复制 HEX
这个工具还可以用来:调色板生成器配色方案互补色CSS颜色生成器
使用方法
- 1选择或输入基础色。
- 2浏览生成的各种配色方案。
- 3点击色块复制，或复制整组 CSS 变量。
常见问题
50–950 色阶有什么用？
类似 Tailwind 的色阶，浅色用于背景，深色用于文字和按钮悬停状态，方便搭建设计系统。
互补色怎么算？
在 HSL 色轮上把色相旋转 180°。类似色是相邻 ±30°，三角配色间隔 120°。