16
Intro to Computer Science © Billingsley & Franke !"#"$ &'( )*+,- 1 Wednesday, June 22, 2011 We can say that color is basically a matter of light. Without light there’s no color. So, how does it work and how can we see colors? First, white light contains all the visible spectrum colors. It means that these colors together, with the same intensities, make the white. The light from the sun, for example, is a white light. We can see that it’s made from all the colors in the rainbow, when the sunlight is decomposed. - The white light from the sun reaches the object. - All the colors are absorbed, except the red. - The red is the color that we see.

Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

!"#"$%&'(%)*+,-

1

Wednesday, June 22, 2011We can say that color is basically a matter of light. Without light there’s no color. So, how does it work and how can we see colors? First, white light contains all the visible spectrum colors. It means that these colors together, with the same intensities, make the white. The light from the sun, for example, is a white light. We can see that it’s made from all the colors in the rainbow, when the sunlight is decomposed.

- The white light from the sun reaches the object.- All the colors are absorbed, except the red.- The red is the color that we see.

Page 2: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

!"#"$%&'(%)*+,-

1

./0-$&1234%!"#"$

Wednesday, June 22, 2011We can say that color is basically a matter of light. Without light there’s no color. So, how does it work and how can we see colors? First, white light contains all the visible spectrum colors. It means that these colors together, with the same intensities, make the white. The light from the sun, for example, is a white light. We can see that it’s made from all the colors in the rainbow, when the sunlight is decomposed.

- The white light from the sun reaches the object.- All the colors are absorbed, except the red.- The red is the color that we see.

Page 3: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

./0-$&1234%!"#"$5%6*748%9*+64'-8

2

Wednesday, June 22, 2011

All the colors mixed together make black; this is the process you use when you mix paint, or when you print out a picture.

Page 4: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

./0-$&1234%!"#"$5%6*748%9*+64'-8

2

!:&';%<&+4'-&;%=4##">;%0#&1?

Wednesday, June 22, 2011

All the colors mixed together make black; this is the process you use when you mix paint, or when you print out a picture.

Page 5: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

@((*234%!"#"$5%6*748%#*+,-

3

Wednesday, June 22, 2011

All the colors together make white; absence of color makes black. This is the process used to display color on any device that uses a light source, like TV, computer screen, phone screen, etc. Your monitor, for example, creates color by emitting light through red, green, and blue phosphors.

Page 6: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

@((*234%!"#"$5%6*748%#*+,-

4

Wednesday, June 22, 2011

All the colors together make white; absence of color makes black. This is the process used to display color on any device that uses a light source, like TV, computer screen, phone screen, etc.

Page 7: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

@((*234%!"#"$5%6*748%#*+,-

4

A4(;%B$44';%C#/4

Wednesday, June 22, 2011

All the colors together make white; absence of color makes black. This is the process used to display color on any device that uses a light source, like TV, computer screen, phone screen, etc.

Page 8: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 9: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

EFGH;%IJ;%FGJK

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 10: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

EFGH;%IJ;%FGJK

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 11: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

EFGH;%IJ;%FGJK

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 12: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

EFGH;%IJ;%FGJK

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 13: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

EFGH;%IJ;%FGJK

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 14: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

0L%%MN%%%0(EFGH;%IJ;%FGJK

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 15: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

ABC%!"#"$%D'1"(*'+

5

0LMN0(

Wednesday, June 22, 2011

Each color is 3 bytes. A byte can be represented by a 2-digit hex number.

Page 16: Intro to Computer Science !#$%&'(%)*+,-cs.ucls.uchicago.edu/~bfranke/codeDotOrg/ImageEncoding-withColo… · Intro to Computer Science © Billingsley & Franke./0-$&1234%!"#"$5%6*748%9*+64'-8

Intro to Computer Science

© Billingsley & Franke

O6&+4%.*P4

6

Q%7%FH

QH%9*74#8

Wednesday, June 22, 2011