What format is the output?

CSV text with one header row (x,y,r,g,b,a) followed by one data row per pixel, in row-major order (left to right, top to bottom), each channel value as a plain 0-255 integer.

Why is the output capped at 10,000 pixels?

A full-resolution photo can have millions of pixels; listing every one would produce a multi-megabyte text file that's unusable in a text editor. Larger images are truncated to the first 10,000 pixels with a trailing comment noting the total count and that truncation happened.

Does the row order match how the image looks?

Yes. Row 0 (y=0) is the top row of the image, and within each row x increases left to right, matching normal image coordinate conventions.

Can I turn the CSV back into an image?

Yes — the companion RGB Values to PNG Converter accepts this exact output format (including the x,y columns, which it simply ignores in favor of row order) and rebuilds the original pixel buffer.

PNG to RGB Values Converter - List Every Pixel's Color

Overview

Introduction

Sometimes you need to see or process a PNG's actual pixel values — for a color-analysis script, a classroom demo, or debugging an image-processing pipeline.

This tool exports every pixel's exact RGBA values as plain CSV text.

What Is PNG to RGB Values Converter?

A pixel-to-text analysis tool that walks a decoded PNG's pixel buffer in row-major order and formats each pixel's coordinates and channel values as a CSV row.

It caps output at 10,000 rows to keep the result usable for anything larger than a small image or icon.

How PNG to RGB Values Converter Works

After validating the decoded pixel buffer, the tool iterates pixels in row-major order (index 0 is the top-left pixel), computing each one's x,y position from its linear index and reading its four RGBA byte values directly from the buffer.

Each pixel becomes one CSV line; if the image has more than 10,000 pixels, iteration stops there and a trailing comment records the true total.

When To Use PNG to RGB Values Converter

Use it to extract exact pixel data from a small image or icon for a spreadsheet, a data-analysis script, or a classroom lesson on how digital images are stored.

It's also useful for debugging: comparing two images' CSV exports can pinpoint exactly which pixels differ.

Often used alongside RGB Values to PNG Converter and PNG to Hex Converter.

Features

Advantages

Runs entirely client-side; the uploaded image never leaves your browser.
Produces plain, dependency-free CSV that opens in any spreadsheet or text tool.
Round-trips exactly with the companion RGB Values to PNG Converter for small images.

Limitations

Large images are truncated at 10,000 pixels rather than listing every one, since a multi-megapixel dump would be impractically huge.
The CSV has no color-space metadata; it's a raw 8-bit-per-channel RGBA dump, not a calibrated color measurement.

Examples

Tiny 2x1 icon

Input

A 2x1 PNG with a red pixel and a green pixel

Output

x,y,r,g,b,a\n0,0,255,0,0,255\n1,0,0,255,0,255

Each pixel becomes one CSV row in left-to-right, top-to-bottom order.

Large photo

Input

A 4000x3000 PNG (12 million pixels)

Output

The first 10,000 pixel rows, followed by a truncation comment

Output is capped to keep the text file a manageable size.

Best Practices & Notes

Best Practices

Use this on small images (icons, swatches, test patterns) where a full pixel dump is actually practical to read.
Pair with a spreadsheet's CSV import to visualize or chart pixel data quickly.

Developer Notes

A pure function over a PixelBuffer that builds an array of CSV lines and joins them; the 10,000-pixel cap is a simple loop bound, not a sampling algorithm, so the listed pixels are always a contiguous prefix in row-major order.

PNG to RGB Values Converter Use Cases

Exporting a small icon's exact pixel data for a spreadsheet analysis
Teaching how RGBA image data is structured in a classroom setting
Diffing two similar images pixel-by-pixel to find exact differences

Common Mistakes

Expecting every pixel of a large photo to be listed — the 10,000-pixel cap applies regardless of image size.
Forgetting the header row when parsing the CSV programmatically elsewhere.

Tips

For large images, crop or resize to a small region of interest first so the full pixel data isn't truncated.
Feed the output straight into the RGB Values to PNG Converter to sanity-check the export round-trips correctly.

PNG to RGB Values Converter