rgb color model skills: none it concepts: combining red, green and blue light to generate colors...
Post on 21-Dec-2015
214 views
TRANSCRIPT
![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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/1.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/2.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/3.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/4.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/5.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/6.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/7.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/9.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/10.jpg)
![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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/11.jpg)
![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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/12.jpg)
![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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/13.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/14.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/15.jpg)
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-](https://reader030.vdocuments.us/reader030/viewer/2022032522/56649d6a5503460f94a49456/html5/thumbnails/16.jpg)
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.