Skip to content

Pictures Are Numbers

A digital photo is a grid of pixels. Each pixel stores numbers for red, green and blue brightness.

Class 9 to 10beginner18 min3 lessons1 interactive lab
By the end you will be able to
  • Define a pixel as one coloured square in a grid
  • Explain RGB as three brightness numbers
  • Use the pixel grid lab to paint and read values

Lesson 1 of 3

Zoom until you see squares

On a screen, a photo looks smooth. Zoom far in and you see tiny squares of solid colour. Each square is one pixel.

Computers do not store curves and brush strokes the way painters do. They store a table of numbers: for every pixel, how bright is red, green and blue.

Open the pixel grid lab. Click cells and watch RGB values change. You are editing numbers, not magic paint.

Interactive lab

Pixel grid

Paint pixels on a grid and read RGB numbers. See how images are tables of colour values.

Pixel painter

Colours are three numbers

RGB (255, 0, 0)

1 / 4

Red pixel

Pure red stores 255, 0, 0. Each number is one byte from 0 to 255.

Continue

Lesson 2 of 3

RGB in plain words

RGB stands for red, green, blue. Mixing them makes other colours on a glowing screen. Zero means off for that channel. Two hundred fifty-five often means full brightness for eight-bit images.

Black is zero, zero, zero. White is full on all three. Yellow is strong red and green with little blue.

Filters in apps multiply or shift these numbers. A darken filter lowers all three channels. That is maths on the grid.

Continue

Lesson 3 of 3

From camera to file

A camera sensor counts light hitting each tiny spot. Those counts become pixel values saved in a file like JPEG or PNG.

More pixels mean more detail but bigger files. Next you will see how screen size and pixel count create sharp or blocky looks.

Keep the lab open. Try drawing a letter A with pixels only. Letters on screens are shapes made of lit squares too.

Continue

Practice

Work these out yourself

No answer key here on purpose: these are the questions worth thinking through before you move on. Open one and work it out.

0/3 attempted

Assessment

Check your understanding

Answer each question, then read the explanation. That is where the learning is.

0/4
  1. Question 1: What is a pixel?
    Question 1 / 4

    What is a pixel?

    Select an option first
  2. Question 2: RGB tells you what about a pixel?
    Question 2 / 4

    RGB tells you what about a pixel?

    Select an option first
  3. Question 3: Black in RGB is closest to what?
    Question 3 / 4

    Black in RGB is closest to what?

    Select an option first
  4. Question 4: Editing a photo in software mostly edits what?
    Question 4 / 4

    Editing a photo in software mostly edits what?

    Select an option first
4 of 4 questions left.

Finished this topic?

0 of 3 lessons marked done. Marking the topic complete ticks the rest.