Tailwind 色阶生成器
将一个基准颜色转换为类似 Tailwind CSS 的 50–900 色阶。
50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861
选择一个基准颜色，即可得到完整的 50 到 900 色阶，可直接放入你的 Tailwind 配置。每个色块都可复制。
使用方法
- 选择你的基准颜色
- 查看 50–900 色阶
- 复制任意色阶的十六进制码
常见问题
- 色阶是如何生成的？
- 我们保留你的色相和饱和度，并将每一级映射到目标明度。
- 哪一级与我的颜色最接近？
- 500–600 区间最接近典型的基准颜色。