--- title: An image is a table of numbers url: https://jarroba.com/en/an-image-is-a-table-of-numbers/ author: Ramón Invarato date: 2026-11-11 modified: 2026-11-11 language: en license: CC BY-NC-SA 3.0 (https://creativecommons.org/licenses/by-nc-sa/3.0/) — attribution: "An image is a table of numbers", Ramón Invarato, jarroba.com categories: Artificial intelligence tags: ai, AI course, Artificial Intelligence, color channels, computer vision, digital image, pixel, rgb series: Level 0 — How a machine sees the world (part 2 of 4) --- # An image is a table of numbers > A photo is a table of numbers: three per pixel, red, green and blue. See it on an apple and why its red is thousands of numbers. AI course, 0.2. To a computer, a photo is a table: rows and columns of cells, and in each cell three numbers, one per color. And on the skin of an apple those numbers change so much from one area to another that the same red is thousands of different triplets. ## Try this first Open **[this apple in the Images tool](https://jarroba.com/tools/en/images?view=pixels&example=apple)**. On the left you will see the photo; on the right, a table of 8 × 8 cells, each painted in its own color and with three numbers inside. Each cell is a **pixel**, one of the dots the image is made of, and its three numbers say how much **red**, how much **green** and how much **blue** it has, from 0 to 255. Click anywhere else on the apple and the table changes to the pixels in that area. [![The apple in the Images tool: on the left the photo, on the right a table of 8 × 8 pixels with their three numbers for red, green and blue](https://jarroba.com/wp-content/uploads/2026/11/manzana-pixeles-www.jarroba.com_-1-1024x551.png)](https://jarroba.com/tools/en/images?view=pixels&example=apple) Now compare two areas of the same red skin. Open **[the part where the light hits it](https://jarroba.com/tools/en/images?view=pixels&example=apple&x=320&y=152&zoom=4)**: the numbers hover around **205, 127, 104**. And now **[the edge that stays in shadow](https://jarroba.com/tools/en/images?view=pixels&example=apple&x=72&y=160&zoom=4)**: they hover around **121, 1, 13**. [![Two areas of the same red skin: in the light, the pixel reads 205, 127, 104; in the shadow, 121, 1, 13](https://jarroba.com/wp-content/uploads/2026/11/luz-y-sombra-www.jarroba.com_-1-1024x349.png)](https://jarroba.com/wp-content/uploads/2026/11/luz-y-sombra-www.jarroba.com_-1.png) Scroll down to **The three channels, separately and together**. The same apple appears four times: three in gray and one in color. [![The apple's three channels in gray: in R it is almost white, in G and B almost black; the fourth puts the three together and comes out in color](https://jarroba.com/wp-content/uploads/2026/11/tres-canales-www.jarroba.com_-1-1024x315.png)](https://jarroba.com/wp-content/uploads/2026/11/tres-canales-www.jarroba.com_-1.png) ## What just happened Each pixel stores three numbers, one per color, and each goes from 0 to 255: 256 possible values, exactly what fits in one byte (8 bits). With three numbers like that you get 256 × 256 × 256 = 16,777,216 different colors. The apple photo is 480 × 433 pixels, so that is 207,840 pixels and 623,520 numbers. Those 623,520 numbers are the whole photo. Why three colors and not two or five? Because the human eye has three types of cones, the cells that tell colors apart, and each type is most sensitive to a different part of the light: short, medium and long wavelengths ([*Cone cell*, on Wikipedia](https://en.wikipedia.org/wiki/Cone_cell)). A screen takes advantage of that: by mixing just three lights, in the right proportion, it makes the eye see a very wide range of colors. The **channels** are those three tables taken separately. In each gray image there is only one number per pixel: white is 255 (a lot of that color) and black is 0 (none). In the R channel the apple comes out almost white, because it has a lot of red; in G and B it comes out almost black. The fourth image puts together the three numbers of each pixel and the color photo comes back. One detail, because [Images](https://jarroba.com/tools/en/images) also has a Base64 tab (a way of writing any bytes with letters and numbers, so they can be pasted as text): what shows up there are the bytes of the **compressed** file (a JPEG, a PNG), which stores the image far more compactly, not this table. To get to the pixels you have to decompress it, which is what the tool does before showing them to you. ## The classic mistake You might think color is a property of the apple: the apple is red, and that is that. To the computer, it is not. Put the two triplets from before side by side: in the light, **205, 127, 104**; in the shadow, **121, 1, 13**. All three numbers change. The red drops from 205 to 121, and the one that changes most is the one you would least expect on a red apple: the green, which goes from 127 to 1. They are two triplets that look nothing alike, and both are “the apple’s red”. A program that looked for apples by “the red number” would fail as soon as the light changed. What has to be recognized is a shape: a pattern across many neighboring pixels (how that is done is covered in Convolution). ## Try it yourself In **[the apple in the Images tool](https://jarroba.com/tools/en/images?view=pixels&example=apple)**, next to the stem, there is a yellow area. Before clicking on it, make a guess: what numbers do you expect? Which of the three will be the lowest? Click and check. Then switch from **RGB** to **R**, **G** and **B** with the buttons above the table and see which channel keeps almost everything. Then open the **[Color HEX/RGB/HSL](https://jarroba.com/tools/en/color)** tool and type the two triplets from before, one after the other: `rgb(205,127,104)` and `rgb(121,1,13)`. The tool converts them to another way of describing a color, **HSL** (*hue, saturation, lightness*). Which of the three numbers changes least between the lit area and the shaded one? What does that tell you about what “red” means? (A hint: the hue is an angle on the color wheel, from 0 to 360, so 354 is very close to 0.) And if you like, in [Images](https://jarroba.com/tools/en/images) you can load a photo of your own and see its numbers. ## Further reading - On Jarroba, [Binary: Combinations and Conversion](https://jarroba.com/en/binary-combinations-and-conversion/) explains the RGB model with its 24 bits per pixel (8 per channel), and in [What Is Clustering?](https://jarroba.com/en/what-is-clustering/) Ricardo Moya uses hair color in RGB as the data for a machine learning example. - [*RGB color model*, on Wikipedia](https://en.wikipedia.org/wiki/RGB_color_model): the physical principles behind it, its numeric representation and its use in web design. ## Series: Level 0 — How a machine sees the world 1. [Everything is a number (yes, even your name)](https://jarroba.com/en/everything-is-a-number.md) 2. [An image is a table of numbers](https://jarroba.com/en/an-image-is-a-table-of-numbers.md) 3. [A corrupted bit: how to fix it without knowing which one it is](https://jarroba.com/en/when-a-bit-gets-corrupted.md) 4. [What is a model (and why a straight line already counts as one)](https://jarroba.com/en/what-is-a-model.md)