🖌️ RGB 数值转图片（把颜色值画成像素图）Convert RGB Values to Image

使用说明与常见问题How-to & FAQ

「RGB 数值转图片（把颜色值画成像素图）」是什么？What is the Convert RGB Values to Image tool?

把一组 RGB 颜色值生成图片：支持每行“r, g, b”、HEX 颜色（#ff0000）、rgb() / rgba()、JSON 数组和带 x, y 坐标的 CSV，可自动识别行列结构（每行文字 = 一行像素），也可手动指定宽度；支持透明度，可按整数倍放大像素便于查看，导出无损 PNG。能直接还原“图片转 RGB 数值”导出的数据，适合像素画、LED 点阵预览和数据可视化，全程在浏览器本地完成。Build an image from a list of RGB colour values. It accepts 'r, g, b' per line, HEX colours (#ff0000), rgb() / rgba(), JSON arrays and CSV with x, y coordinates. The row layout is detected automatically (one line of text = one row of pixels), or you can set the width yourself. Alpha is supported, pixels can be enlarged by a whole-number scale for viewing, and the result is a lossless PNG. It rebuilds data exported by Image to RGB Values exactly. Great for pixel art, LED-matrix previews and data visualisation, all locally in your browser.

如何使用「RGB 数值转图片（把颜色值画成像素图）」？How do I use the Convert RGB Values to Image tool?

在「RGB 数值转图片（把颜色值画成像素图）」中，按需设置「宽度（留空 = 自动）」、「每像素数值」、「放大倍数」等选项，然后点击「下载 PNG」按钮即可。In the Convert RGB Values to Image: Set "Width (blank = auto)", "Numbers per pixel", "Scale", then click "Download PNG".

支持哪些写法？Which formats can I paste?

每行一个“r, g, b”（或“r g b”、带括号都行）；一行里多个颜色，例如“#ff0000 #00ff00”或“rgb(255,0,0); rgb(0,255,0)”；HEX 支持 #rgb、#rgba、#rrggbb、#rrggbbaa；rgba() 的透明度可写 0–1 或百分比；JSON 可以是二维数组（行 → 像素）、像素数组或扁平数字数组；第一行为“x,y,r,g,b”的 CSV 会按坐标放置像素。One "r, g, b" per line ("r g b" and brackets work too); several colours on a line, such as "#ff0000 #00ff00" or "rgb(255,0,0); rgb(0,255,0)"; HEX as #rgb, #rgba, #rrggbb or #rrggbbaa; rgba() alpha as 0–1 or a percentage; JSON as a 2-D array (rows → pixels), an array of pixels or a flat array of numbers; and CSV whose first line is "x,y,r,g,b", which places pixels by coordinates.

宽度是怎么确定的？How is the width decided?

如果每行文字里的颜色个数相同（多于一个），就把每行文字当作一行像素；每行刚好一个颜色时按一列多行排列。JSON 二维数组和带坐标的 CSV 也自带尺寸。“宽度”填了数值时总是按它排列，最后一行不满时空位为透明。If every line of text has the same number of colours (more than one), each line becomes a row of pixels; with exactly one colour per line the image is one column tall as the line count. 2-D JSON arrays and CSV with coordinates carry their own size. A value in Width always takes priority, and any gaps in a short last row are transparent.

放大倍数有什么用？会上传吗？What is Scale for? Is anything uploaded?

几个像素的图片太小看不清，放大倍数会把每个像素变成 N×N 的方块（最近邻放大，边缘锐利不模糊），导出的 PNG 也是放大后的尺寸；需要原始尺寸时保持 1。数据只在浏览器本地处理，不会上传。An image of a few pixels is too small to see, so Scale turns each pixel into an N×N block (nearest-neighbour, with crisp edges) and the PNG is exported at that size; keep it at 1 for the original size. Data is processed locally in your browser and never uploaded.

「RGB 数值转图片（把颜色值画成像素图）」免费吗？需要注册吗？Is the Convert RGB Values to Image free? Do I need an account?

「RGB 数值转图片（把颜色值画成像素图）」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Convert RGB Values to Image is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.