Unit 1 - Lesson 8

Color Images

Computer Science Principles

Unit 1 Lesson 8 - Warm Up

Prompt:

How many different shades of the color

blue can you name? How many do you
think there are in total?
Unit 1 Lesson 8 - Activity

Pixelation Widget: Color

Levels 1-5
Unit 1 Lesson 8 - Activity

Levels 6-7
Try your best to match the colors using the widgets and reproduce the gradient.
Don’t worry if it doesn’t match exactly!

Image 1 Image 2

Image 3 Image 4
Unit 1 Lesson 8 - Activity

Levels 6-7
Try your best to match the colors using the widgets and reproduce the gradient.
Don’t worry if it doesn’t match exactly!

Image 1 Image 2

Image 3 Image 4
Unit 1 Lesson 8 - Wrap Up

💡Discuss:

What happens at each level of

creating a digital color image?

Hint: Think binary...

Unit 1 Lesson 8 - Wrap Up

DIGITAL IMAGE LAYER

Displays a digital approximation based on a sampling of an analog image
Layers of Abstraction
in Color Images

SAMPLING LAYER
Samples of equal size are read from the analog image and assigned to pixels.

PIXEL LAYER
Each pixel is represented by levels of red, green, and blue light.

BINARY LAYER
The red, green, and blue values are represented using a sequence of
binary numbers and sent out via electrical signals.
Unit 1 Lesson 8 - Wrap Up