RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors...

16
RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution- Noncommercial-Share Alike 3.0 License.
  • date post

    21-Dec-2015
  • Category

    Documents

  • view

    214
  • download

    1

Transcript of RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors...

Page 1: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

RGB color model

Skills: none

IT concepts: combining red, green and blue light to generate colors

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Page 2: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Where does this topic fit?

• Internet concepts– Applications– Technology– Implications

• Internet skills– Application development– Content creation (images)

Page 3: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

red + blue + green → white

Page 4: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Combine three colors for each pixel

Intensities of each color can range from 0 - 255

Page 5: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Color  Red  Green Blue 

Red 255 0 0

Green 0 255 0

Blue 0 0 255

Yellow 255 255 0

Cyan 0 255 255

Magenta 255 0 255

White 255 255 255

Black 0 0 0

A few examples

Page 6: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Use decimal or hexadecimal

Page 7: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

ColorDecimal(Red, Green, Blue)

Hexadecimal(#RRGGBB)

Black (0, 0, 0) #000000

White (255, 255, 255) #FFFFFF

Red (255, 0, 0) #FF0000

Green (0, 255, 0) #00FF00

Blue (0, 0, 255) #0000FF

Yellow (255, 255, 0) #FFFF00

Cyan (0, 255, 255) #00FFFF

Magenta (255, 0, 255) #FF00FF

A few examples

Page 9: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

MillenniumPark,Chicago

A large RGB display

Page 10: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-
Page 11: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-
Page 12: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-
Page 13: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Coffee cuppixels

Page 14: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Zoom and pan for detail

A very large image

297,500 x 87,500 pixels (26 gigapixels)

Page 15: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

A few questions

How many different colors are possible using the RGB model?

What colors are the background and text on a page with this body tag:

<body bgcolor = "#ffffff" text = "#000000" >

What happens if you change the values of the bgcolor and text attributes?

Page 16: RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

RGB color model

Skills: none

IT concepts: combining red, green and blue light to generate colors

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.