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

Preview:

Citation preview

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.

Where does this topic fit?

• Internet concepts– Applications– Technology– Implications

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

red + blue + green → white

Combine three colors for each pixel

Intensities of each color can range from 0 - 255

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

Use decimal or hexadecimal

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

MillenniumPark,Chicago

A large RGB display

Coffee cuppixels

Zoom and pan for detail

A very large image

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

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?

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.

Recommended