免费、本地处理、无需注册
逐像素读取 PNG 的 HEX 转换器
这个 PNG to HEX 转换器会为每个像素生成可阅读、可导出的 HEX 值——免费、即时，并且只在您的浏览器中处理。
为可靠像素数据设计的 PNG to HEX 转换器
保留原始尺寸即可得到精确矩阵；只有在需要派生网格时才主动选择缩小输出。
默认精确
这个 PNG to HEX 转换器会为每个源像素返回一个 HEX 值，并按源图像的行排列。
默认私密
浏览器在本地读取文件；应用不会把 PNG 发送到转换服务器。
方便交接
可复制或下载逐行结果、CSV、平铺 JSON 数组或 JSON 网格。
三步完成 PNG to HEX 转换
这个 PNG to HEX 转换器没有配置页面：选择 PNG，确认所需的像素表示，再带走结果。
选择 PNG
点击、拖入文件或粘贴 PNG。源图预览和尺寸会立即显示。
保留或缩放像素
默认选择精确原始模式。只有在需要派生的缩小网格时才选择更小宽度。
复制或下载
按需切换格式和 HEX 大小写，然后复制结果或下载文本、JSON 文件。
PNG to HEX Converter 完整指南
本 PNG to HEX Converter 指南说明工具的输出内容、何时适合精确模式，以及这个 PNG to HEX Converter 如何把可信的像素数据带入设计或开发流程。
PNG to HEX Converter 实际返回什么
PNG to HEX Converter 适合需要得到图像每个像素颜色的情形，而不仅是一小组主色。PNG 存储的是像素通道；本工具读取浏览器提供的 RGBA 图像数据，将每种颜色写为六位 HEX 值，启用 Alpha 时则写为八位值。默认的逐行格式保留从左到右、从上到下的顺序，因此小图标、精灵图、纹理和像素画都能被清楚检查。
因此，PNG to HEX Converter 回答的问题与调色板生成器不同。调色板会把图像缩减为代表色；此工具则报告完整矩阵。相邻的相似像素只要并不相同，就会保留为独立值。这对 UI 资产、视觉回归样本、颜色教学和逐格复现位图的代码都很重要。导出前请查看源尺寸：32 × 32 的 PNG 在精确模式下会得到 1,024 个值。
为什么 PNG to HEX Converter 在浏览器中运行
PNG to HEX Converter 使用浏览器的文件和 Canvas 能力，而不是远程上传接口。选择、拖入或粘贴 PNG 后，当前浏览器会解码文件、在内存 Canvas 上绘制并读取图像数据。预览、生成的文本、剪贴板操作和下载文件都在同一个浏览器会话中完成。没有账号和转换队列，因此第一次有效操作只需要选择一个文件。
本地处理也让隐私边界十分清晰。PNG to HEX Converter 只在浏览器解码和读取像素所需的时间访问文件，不会创建托管图片链接或服务器端项目。处理敏感作品时仍应使用可信浏览器并注意周围屏幕，但工具本身不要求把图片发送到外部。刷新或重新开始后，如需再次转换，请重新选择文件。
用 PNG to HEX Converter 精确模式保留源数据
当需要与上传文件一一对应的表示时，应使用 PNG to HEX Converter 的精确原始像素模式。它保留源宽高、关闭平滑，并按相同空间顺序为每个像素返回 HEX 值。像素画、微型图标、LED 布局、图像样本，以及必须复现源位图的脚本都适合该模式。预览旁显示的尺寸也值得核对，因为它定义了生成网格的形状。
PNG to HEX Converter 不会在读取大型图像前悄悄缩小它。静默缩放对调色板预览或许方便，却会改变像素数据，可能令导出的矩阵无法用于精确工作。工具设有输出上限，以免极大的文本结果难以使用。原图超过上限时，界面会说明原因并要求您主动选择输出尺寸，从而保留原始数据与缩放版本之间的重要区别。
有意识地选择 PNG to HEX Converter 缩放输出
有时全分辨率矩阵对于目标系统过大，而缩放后的表示正是所需结果。这时可将 PNG to HEX Converter 从精确原始像素切换为主动指定缩放输出，选择 16、32、64 像素宽度，或输入自定义宽高。浏览器在此过程中保持图像平滑关闭，因此像素画不会被混合成虚构的中间色。显示的结果尺寸会在复制前告诉您派生网格的大小。
缩放输出应被视为新的图像网格，而不是原图更短的写法。PNG to HEX Converter 显式呈现该选择，因为缩放可能丢弃源像素、复制像素，或改变不匹配宽高比的表达。响应式缩略图和刻意简化的数据集可以使用它；取证检查、视觉比对或精确实现精灵图则应保持原始模式。明确标注模式，也让协作者理解导出值代表什么。
适配不同目标的 PNG to HEX Converter 格式
PNG to HEX Converter 默认输出逗号分隔的逐行值。它在代码评审中足够紧凑，同时仍显示图像的二维结构。平铺 CSV 适合只接受简单列表的工具；平铺 JSON 数组便于 JavaScript 和类型化数据流程；JSON 行网格则为 Canvas、表格或矩阵代码保留行边界。切换格式不会改变颜色值，只会改变其序列化形式。
格式控制可以帮助 PNG to HEX Converter 匹配接收工具的语法。下一步需要 CSS 风格颜色字面量时，请包含 #；设计令牌、表格或团队惯例使用大写时，请选择大写；每个像素的透明度也需要传递时，请启用 Alpha，此时使用 #RRGGBBAA 的 RGBA 顺序。大批量导出前应先做一次小测试，特别是当另一个系统要求特定分隔符、引号或嵌套结构时。
理解 PNG to HEX Converter 的透明度输出
PNG 可以包含透明和半透明像素，因此颜色矩阵有时不止红、绿、蓝三个通道。默认情况下，PNG to HEX Converter 输出 #RRGGBB，因为它最常见也便于扫描。需要随每个像素带出不透明度时，请启用包含 Alpha。完全不透明的红色会成为 #FF0000FF；完全透明的像素会保留 RGB 通道并使用 00 作为 Alpha。这在目标系统按单元格保留 Alpha 时很有用。
PNG to HEX Converter 不会把透明像素扁平化到白色或黑色背景上。它读取浏览器提供的图像数据，因此 Alpha 选项只是显示原有第四通道，而不是编造背景色。有些应用忽略八位 HEX，有些则要求单独的透明度字段；请在导出前检查接收格式。若只需完全不透明资产的可见色块，关闭 Alpha 可得到更短、更熟悉的结果。
把 PNG to HEX Converter 放入真实工作流
实用的 PNG to HEX Converter 工作流应从小型代表文件开始。上传后确认预览和源尺寸，并保留精确模式。把前几行与已知像素或设计工具核对，再选择下游系统无需手改即可读取的输出格式。短图标可直接复制；更大的矩阵更适合下载，以避免剪贴板截断并保留确切生成的文件。若结果需要长期复现，请在导出数据旁记录源尺寸。
PNG to HEX Converter 专注于转换而不是项目存储，因此非常适合视觉工作与代码之间的边界：把精灵图变为测试样本，把图标变成 Canvas 演示数组，或把小型参考图变为硬件原型数值。若可复现性很重要，请将原始 PNG 与导出的文本一同保存。以后可用同一源文件、尺寸、Alpha、大小写和格式再次转换，而不是依赖人工复制的局部值。
发布前检查 PNG to HEX Converter 的输出
准确性从选择正确解释开始。PNG to HEX Converter 在浏览器解码文件后读取像素数据，因此适用于普通栅格 PNG。确认源预览正是预期文件，核对显示的宽高，并区分精确矩阵和主动缩放输出。对于已知纯色 PNG，所有生成值都应重复；对于小型棋盘图，行应像预览一样交替。这样简单的检查可以及早发现选错文件或设置错误。
当目标系统报告不匹配时，可把 PNG to HEX Converter 控制项作为简短的排查清单：# 前缀、字母大小写、是否包含 Alpha、格式和尺寸。任何一项不同都可能使等价颜色对导入器显得不兼容。不要手改数百个值；请用原始 PNG 选择所需设置后重新生成，再复制或下载新结果。工具让这些选择保持可见，以便下一个使用数据的人也能理解结果来源。
常见问题
关于这个免费、仅在浏览器本地运行的 PNG to HEX 转换器的实用说明。