关于 颜色明暗变化生成器
颜色明暗变化生成器帮助你从一个基色生成完整的色阶系统(50、100、200...950),类似于Tailwind CSS的色阶方案。50为最浅,950为最深,中间500为基色。这种色阶系统广泛应用于设计系统,确保颜色使用的一致性。
色阶说明
- 50-400:浅色系,适合背景、悬停状态。
- 500:基色,主要使用色。
- 600-950:深色系,适合文字、强调。
如何使用
- 选择基色或输入HEX色值。
- 查看生成的完整色阶。
- 点击单色复制按钮复制色值。
- 点击复制全部CSS变量生成CSS自定义属性。