怎么把颜色导出给 Tailwind CSS？

定义色阶名称和色值，工具生成可直接粘贴进 tailwind.config.js 的 colors 配置。

可以导出多个色系吗？

可以——按需添加任意多个命名色阶（primary、accent、neutral 等），一起导出到一个配置块。

输出是标准 colors 对象，两者都适用；v4 也可把色值粘进 @theme 自定义属性。

输入品牌色，生成可直接使用的 tailwind.config.js——支持多色阶、v3 / v4 双格式、TypeScript

选色

锚点色度

工具类预览

Tailwind CSS颜色配置生成器，自定义色阶名称和颜色值，导出可直接粘贴的tailwind.config.js颜色配置，支持多色系同时生成，开发者友好。生成的配置代码可以直接粘贴进 tailwind.config.js，不需要手动整理色阶命名和数值格式。

适合前端开发者接手设计稿后，快速把设计系统的色板转换成项目里能直接使用的 Tailwind 配置。