调色板导出器

粘贴或导入一组颜色，即时导出为 CSS 变量、SCSS、Tailwind 配置、JSON 或 SVG 色样——任何调色板的收尾工具。

你的颜色

粘贴 HEX 值（每行一个，或以逗号/空格分隔）。也支持 rgb() 和 hsl() 格式。

调色板

变量前缀

导出格式

导出代码

所有操作均在浏览器中完成——粘贴调色板，即可复制任意格式的可生产代码。无需注册，完全免费。

关于调色板导出器

调色板导出工具是任何调色板的最后一步:粘贴一组颜色,即可得到项目所需格式的生产就绪代码。它接受每行一个或以逗号和空格分隔的 HEX 值,也能识别 rgb() 和 hsl() 表示法。

工具会实时生成六种输出格式:CSS 自定义属性、SCSS 变量、Tailwind 配置颜色块、JSON、SVG 色块和纯 HEX 列表。可配置的变量前缀能让生成的名称与你的代码库保持一致,每种格式都可复制到剪贴板或下载为文件。

一切都在浏览器中运行——你粘贴的颜色永远不会被发送到任何地方。它可以自然地与其他调色板工具配合使用:在别处提取或生成调色板,粘贴到这里,即可直接得到你的样式表、框架或设计流程所需的准确代码片段。

HEX 值(带或不带 # 号)、rgb() 和 hsl() 表示法都能被识别。你可以混用不同格式,并用换行、逗号或空格分隔颜色——解析器会挑出每一个有效颜色,忽略其余内容。

是的。解析和代码生成完全在浏览器中完成,因此该工具免费使用,无需账户、没有积分,也不限制调色板数量或导出次数。

粘贴你的颜色,选择"Tailwind 配置"格式,再把生成的代码块复制到你的 Tailwind 配置文件的颜色区域中。变量前缀设置会控制每种颜色所用的键名。

不会。颜色始终留在你的浏览器标签页中——解析或导出过程中不会发出任何服务器请求,离开页面后也不会保存任何内容。

它会生成一个小型 SVG 文件,将调色板中的每种颜色显示为一个带标签的色块。非常适合在文档、README 文件或设计交付页面中嵌入可视化的调色板参考,而无需截图。