色板生成
从任意基础颜色生成渐变色阶变化，用于创建和谐的配色方案。
配色颜色 · ToolBox
工具介绍
做UI设计时，单有一个品牌主色远远不够：按钮悬停要深一点、卡片背景要浅一点、辅助文字要再浅一点。这个色板生成工具能从任意基础色出发，自动生成由浅到深的渐变色阶，每一档都给出可直接复制的色值，帮你快速搭建和谐的配色体系。无论是搭建设计系统、规划Tailwind风格的色阶，还是给图表准备同色系渐变，都比手动一点点调色高效得多。免费无注册，输入一个颜色就能拿到整套色板。
使用步骤
- 在输入框中填入基础色值（HEX格式），或用取色器选色
- 工具自动生成从浅到深的多档色阶，并以色带形式展示
- 点击任意一档色块，复制该档的色值
- 将整套色阶应用到设计系统、CSS变量或设计软件中
常见问题
生成的色阶有几档？可以调整吗？
色板包含从接近白色到接近黑色的多个档位，覆盖浅色背景到深色文字的常见需求。档位基于基础色的色相自动生成，想要不同效果可更换基础色重新生成。
生成的色阶可以直接用于Tailwind吗？
可以。每档色值都是标准HEX格式，复制后可按50到900的命名习惯填入Tailwind配置文件的colors字段，或直接写进CSS变量使用。
为什么基于同一个颜色生成的色阶看起来和谐？
因为所有档位共享同一色相，只改变明度和饱和度，符合同色系配色的基本原理，用在同一界面上不会出现色相冲突，适合构建统一的视觉层级。