色阶生成器
从基础色生成明暗色阶。
从单一基础色生成完整的明度色阶（50 到 950，类似设计系统的色彩梯度）。复制任意 HEX 值，或将整个色阶导出为 CSS 变量——非常适合为按钮、表面和状态进行一致的主题设计。
50–950 明度色阶，可直接用于设计系统和 UI 主题。
所有颜色转换均在你的浏览器本地完成 —— 不上传、不存储、不记录。
工作原理
- 1 选择一种基础色。
- 2 查看 50–950 的色阶。
- 3 复制您需要的 HEX。
- 4 将所有色阶导出为 CSS 变量。
常见用例
- 为设计系统创建一套色彩梯度。
- 从单一颜色中选取悬停/激活状态。
- 为浅色和深色表面进行一致的主题设计。
- 生成 Tailwind 风格的色彩层级。
常见问题
我的颜色数据会被发送到任何地方吗？
不会。每一次转换和计算都完全在您的浏览器中运行——不会上传、存储或记录任何内容。
这些数字是什么意思？
它们是明度层级（50 = 最浅，950 = 最深），遵循许多设计系统所采用的惯例，因此该色阶可以直接套用到界面主题中。
每个色调是如何计算的？
保留基础色的色相和饱和度，仅将明度设置为各个层级，因此整套色阶共享同一个一致的色相。
真的免费吗？
是的——免费，无需注册，无水印，无限制。