颜色色板生成器
将hex颜色列表（可选择命名）转换为一个可缩放的SVG色板 — 一个标记的网格，可以作为单个文件复制或下载。完全在您的浏览器中运行。
输入
每行一个颜色：十六进制代码（#3bf、#3B82F6或带有alpha通道的#3B82F6FF），可选地以名称和冒号为前缀（"海洋蓝: #3B82F6"）。空行将被忽略。
布局
标签
输出
您的色板将在此处显示。
| 名称 | 十六进制 | RGB | 文本颜色 |
|---|---|---|---|
| No data yet | |||
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-swatch-sheet-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"colorList": "Ocean: #3B82F6\n#F97316\nForest: #16A34A",
"columns": "4",
"swatchSize": "140",
"cornerStyle": "rounded",
"showHex": "true",
"showRgb": "",
"showName": "true"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `color-swatch-sheet-generator` tool (Color Swatch Sheet Generator) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/color-swatch-sheet-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="颜色色板生成器 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
这个颜色色板生成器做什么
粘贴一个颜色列表 — 每行一个 — 它会将它们排列成一个单一的SVG色板：一个彩色瓷砖的网格，每个都用十六进制值标记（以及可选的名称和RGB值），准备作为一个文件复制或下载。为任何由平面颜色列表支持的东西而构建：品牌调色板、设计令牌文件、Tailwind配置的自定义颜色或您正在转换为参考表的情绪板。没有水印、没有帐户、没有运行次数限制。
如何使用
- 将颜色粘贴到框中，每行一个 — 十六进制代码（
#3B82F6），可选择以名称和冒号为前缀（海洋蓝: #3B82F6）。空行将被忽略，每次运行最多100种颜色。 - 设置每行色板数、每个色板的大小及其圆角风格（方形、圆角或胶囊形）。
- 切换在每个色板上显示哪些标签：十六进制、RGB和/或名称（如果给定）。
- 复制合并的SVG源，或下载为
.svg文件。 - 解析的颜色列表也显示为表格 — 十六进制、RGB以及为该色板计算的可读的黑色/白色文本颜色 — 可以作为CSV复制或下载。
接受哪些颜色格式？
仅十六进制代码，采用三种标准长度之一：3位缩写（#3bf）、6位（#3B82F6）和8位带alpha通道（#3B82F680）。使用名称和冒号作为前缀的行来标记该色板（海洋蓝: #3B82F6）— 名称是可选的，所以单行上的简单十六进制代码也有效。rgb()、hsl()和CSS命名颜色（tomato、rebeccapurple）不被解析；如果您要开始使用这些，请先转换为十六进制。
标签颜色是如何选择的？
自动地，每个色板，使用与WCAG对比度检查器相同的相对亮度数学：每个色板获得黑色或白色文本，无论哪个实际上可以清楚地对比该特定填充颜色 — 所以混合非常浅和非常深颜色的表单在整个过程中保持可读，无需任何手动的逐色板调整。
一个表单中有多少颜色的限制吗？
是的 — 每次运行100种颜色，因此合并的SVG保持可管理的大小以预览、复制和下载。对于更大的调色板，请分成多次运行。
我的数据是私密的吗？
是的。表单完全在您的浏览器中生成 — 您粘贴的任何内容都不会被上传、记录或发送到任何地方。您可以断开互联网连接，此工具仍然有效。
为什么选择SVG而不是PNG？
SVG色板可以无损地缩放到任何大小 — 放大、大幅打印或直接放入设计工具 — 没有光栅导出在较大尺寸下获得的模糊或重新采样。每个颜色瓷砖都是一个简单的<rect>元素，每个标签都是一个简单的<text>元素，因此文件保持小且易于手动编辑，如果您需要在此工具外调整它。