Tailwind 调色板生成器

从任意基础颜色生成 Tailwind 风格的 50–950 色阶。

基础颜色

HEX 值

点击任意色块即可复制其 HEX 值。

关于此工具

从基础颜色出发，通过调整其 HSL 明度，生成 Tailwind 风格的十一级色阶（50 到 950），全部在浏览器中完成。

色阶是如何生成的？

保留基础颜色的色相和饱和度，将其明度设置为每一级（从最浅的 50 到最深的 950）对应的 Tailwind 风格目标值。

如何复制某个色阶？

点击任意色块，其 HEX 值就会复制到你的剪贴板。