品牌色深浅色阶生成器
输入品牌主色，即可得到设计系统风格的十档色阶（50 至 900），帮助您构建一致的配色规范。100% 在浏览器中本地计算。
生成的色阶
工作原理
一个扎实的设计系统从不只有一种色调：背景和禁用状态需要更浅的变体，文字或悬停状态则需要更深的变体。这个工具会把您的颜色转换为 HSL，保留原有色相，只改变明度（在两端略微调整饱和度），从而生成十档色阶，编号从 50（很浅）到 900（很深），参考了 Tailwind CSS 的色板。
哪一档最接近我的原始颜色？
500 档经过计算，会尽可能接近您输入的颜色；编号更小的色阶逐渐变浅、趋向白色，编号更大的色阶逐渐变深、趋向黑色。
可以只复制某一档，还是只能复制整个色板？
点击某个色块即可单独复制它的 HEX 代码，也可以使用「复制整个色板」按钮，以 编号: #hex 格式获取完整列表，可直接粘贴到 CSS 或 Tailwind 配置文件中。
色阶的计算完全在您的浏览器中进行；您的品牌色不会被发送到任何服务器。