1-Bit vs 2-Bit — Bitmap Builder

Y8 Computing · Image Representation

1-Bit images use only 2 colours — white (0) and black (1). Click any cell to toggle it between white and black. Watch the binary code update live!
1-BIT CANVAS — 8×8 pixels 2 COLOURS

SELECTED

0 White

COLOUR PALETTE

0 White
1 Black

HOW TO USE

  • Click a colour above to select it
  • Click any grid square to paint it
  • Click + drag to paint multiple squares
  • Each square shows its binary code

BINARY OUTPUT

ACTIONS

1-Bit vs 2-Bit — Bitmap Builder

Y8 Computing · Image Representation

2-Bit images use 4 colours — now each pixel stores 2 binary digits. Select a colour, then click cells to paint. Each extra bit doubles the colours available!
2-BIT CANVAS — 8×8 pixels 4 COLOURS

SELECTED

00 White

COLOUR PALETTE

00 White
01 Red
10 Yellow
11 Black

COLOUR MAP

00 = White
01 = Red
10 = Yellow
11 = Black

HOW TO USE

  • Select a colour from the palette
  • Click any cell to apply it
  • Click + drag to paint multiple
  • Each cell shows its 2-bit code

BINARY OUTPUT

ACTIONS

3-Bit RGB — Colour Challenge

Y8 Computing · Image Representation

3-Bit RGB — each bit controls one colour channel: 🔴 Red · 🟢 Green · 🔵 Blue. Mix them to get 8 colours. That's 2³ = 8. Can you paint something recognisable using all 8 colours? The secondary colours appear automatically from mixing!
🔑 HOW 3-BIT RGB WORKS — Each bit = one channel ON or OFF
3-BIT RGB CANVAS — 8×8 pixels 8 COLOURS

SELECTED

000
R=0 · G=0 · B=0 Black
R=0
G=0
B=0

COLOUR PALETTE

CHALLENGE

  • Select a colour, then click cells
  • Try to use ALL 8 colours
  • R+G = Yellow, R+B = Magenta, G+B = Cyan
  • Can you spot the pattern in the codes?

BINARY OUTPUT

ACTIONS