调色板图片导出工具
相关外部网站
部分链接为联盟营销链接。
相关工具
用您的 HEX 颜色创建调色板,并导出为每种颜色附带 HEX 标签的 PNG 图片。非常适合分享调色板、导入 Figma 或发布到社交媒体。所有生成操作在浏览器中完成,不会上传任何内容。
使用方法
- 通过颜色选择器或 HEX 输入框添加、编辑或删除颜色。
- 查看色块图的实时预览。
- 将调色板下载为 PNG。
工作原理
每种颜色在画布上并排绘制为一个色块,HEX 代码显示在其下方。标签颜色(黑色或白色)根据色块亮度自动选择,始终保持可读性。画布随后导出为 PNG 图片。
功能特点
添加和编辑颜色
使用颜色选择器或输入 HEX 代码,可随意添加或删除颜色。
HEX 标签
每个色块显示对应的 HEX 代码,调色板一目了然。
清晰可读的标签
标签文字颜色根据色块亮度在黑色和白色之间自动切换。
PNG 导出
下载高分辨率图片,可直接分享或导入使用。
适用场景
分享调色板
将您选择的颜色图片发送给队友或客户。
导入 Figma
将调色板图片粘贴到设计文件中作为参考。
社交媒体
发布整洁的调色板图片,展示您的配色方案。
品牌规范
在简单的品牌手册中附上带标签的色块图。
注意事项
- 颜色以 HEX 格式输入,支持 3 位或 6 位 HEX。
- 导出的 PNG 背景为纯色,不含透明度。
- 色块以单行排列布局。
- 所有处理在您的设备上完成,不会上传任何内容。
常见问题
- 支持哪些颜色格式?
- 支持 HEX 代码,3 位(#abc)或 6 位(#aabbcc)均可。颜色选择器也会自动填写 HEX。
- 可以添加多少种颜色?
- 不限数量。色块增加后,图片宽度会自动扩展以容纳所有色块。
- PNG 是透明的吗?
- 不是。每个色块都是纯色填充,图片没有透明区域。
- 可以用于商业用途吗?
- 可以。图片只是您选择的颜色渲染成的色块,您对在此创建的内容拥有完全权利。
- 数据会发送到服务器吗?
- 不会。调色板图片完全在浏览器中生成。