颜色明暗变化生成器

输入基色生成50-950色阶明暗变化,类似Tailwind色阶系统,深色更暗浅色更浅,一键复制各色阶色值。

关于 颜色明暗变化生成器

颜色明暗变化生成器帮助你从一个基色生成完整的色阶系统(50、100、200...950),类似于Tailwind CSS的色阶方案。50为最浅,950为最深,中间500为基色。这种色阶系统广泛应用于设计系统,确保颜色使用的一致性。

色阶说明

  • 50-400:浅色系,适合背景、悬停状态。
  • 500:基色,主要使用色。
  • 600-950:深色系,适合文字、强调。

如何使用

  1. 选择基色或输入HEX色值。
  2. 查看生成的完整色阶。
  3. 点击单色复制按钮复制色值。
  4. 点击复制全部CSS变量生成CSS自定义属性。