Color Pixels

Pixels with Color

Learning Target

I can encode color images and define the amount of red, green and blue light in a pixel.

Drag and Drop

We have seen how images are made up of ​

Placeholder

. Pixels are these tiny little ​

Placeholder

, each of which have their own ​

Placeholder

that come together in a ​

Placeholder

. When viewed from a distance the image looks ​

Placeholder

. It looks like it has lines and curves.

Drag these tiles and drop them in the correct blank above

pixels

squares

color

grid

smooth

Dropdown

To make an image digital, to represent an image with ​

Select answer

, an image can just be represented as a grid of ​

Select answer

where each value encodes the ​

Select answer

at that position in the image.

Dropdown

We have seen the very simple system of just one ​

Select answer

per pixel. ​

Select answer

means black and ​

Select answer

means white. This is great when we want to make simple black and white ​

Select answer

.

Multiple Choice

RGB color encoding scheme allows us to encode colors as...

• static data

• numeric data

• dynamic data

• alphabet data

Multiple Choice

The RGB color scheme allows us to encode colors as:

• numeric data

• static data

• dynamic data

Multiple Choice

Each "color channel" gets a value on the range:

• 1-10

• 0-255

• 9-999

• 0-100

Drag and Drop

The color to match on the left is represented by the hexadecimal RGB values 4dc0dd. Convert each color component into decimal in order to match the color.

​

Placeholder

red, ​ ​

Placeholder

green, ​ ​

Placeholder

blue

Drag these tiles and drop them in the correct blank above

answer option

201

97

77

192

221

Drag and Drop

The color to match on the left is represented by the hexadecimal RGB values 40c651. Convert each color component into decimal in order to match the color.

red = ​

Placeholder

, green = ​

Placeholder

, blue =​

Placeholder

Drag these tiles and drop them in the correct blank above

64

198

81

128

255

0

100

200