Tailwind 调色板生成器

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

文件始终留在此设备上

文件在浏览器中处理，绝不上传。网站会下载运行工具所需的代码和资源。无需账号，也无追踪。

使用“下载”将此工具保存为单个 HTML 文件，以便离线使用。

基础颜色

HEX 值

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

关于此工具

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

色阶是如何生成的？

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

如何复制某个色阶？

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