1 / 26

S kills : selecting colors, specifying colors in HTML

The RGB color model. S kills : selecting colors, specifying colors in HTML Concepts : combining red, green and blue light to generate colors, combining light versus combining paint, RGB color coding system.

marika
Download Presentation

S kills : selecting colors, specifying colors in HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. The RGB color model Skills: selecting colors, specifying colors in HTML Concepts: combining red, green and blue light to generate colors, combining light versus combining paint, RGB color coding system This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

  2. Where does this topic fit? • Internet concepts • Applications • Technology • Implications • Internet skills • Application development • Content creation (Web) • User skills

  3. Pixel – geek for “dot” Mouse over the image to play the video (37 s)

  4. Why RGB? Cones – day vision, detect color Rods – night vision, high definition

  5. Different wavelengths, different colors

  6. Combine three primary colors for each pixel Intensities of each color can range from 0 - 255

  7. A few examples

  8. Experiment with color codes RGB demo program: http://som.csudh.edu/fac/lpress/netapps/color.exe

  9. Display sub-pixels What color would the part of the image surrounding the letter A be when viewed normally?

  10. Introduction to color theory

  11. http://colorschemedesigner.com/

  12. Grade school finger painting Why do all the colors add up to murky black?

  13. Mix light Mix pigment

  14. Paint.Net color selector and picker

  15. A large RGB display Millennium Park, Chicago

  16. Summary

  17. Optional stuff follows

  18. Podcast on color philosophy and physiology To what extent is color a physical thing in the physical world, and to what extent is it created in our minds?  http://www.radiolab.org/2012/may/21/

  19. HSV model • The outer edge of the top of the cone is the color wheel, with all the pure colors. The H parameter describes the angle around the wheel. • The S (saturation) is zero for any color on the axis of the cone; the center of the top circle is white. An increase in the value of S corresponds to a movement away from the axis. • The V (value or lightness) is zero for black. An increase in the value of V corresponds to a movement away from black and toward the top of the cone.

  20. 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 0 1 2 3 4 5 6 7 8 9 A B C D E F 10 11 12 13 24 25 Optional: counting in hexadecimal Decimal counting Hexadecimal counting … … 255 FF

  21. Optional: RGB colors in HTML #41FCDC R G B

  22. Self-study 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 textattributes of the body tag? Hexadecimal arithmetic – what is: 2F+1, 2F+9, 19+6, 19+7, 19+8, FF-1, 3D-8?

  23. Resources Cool color selector: http://www.ficml.org/jemimap/style/color/wheel.html Ten color matching tools: http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette HTML built-in color names: http://www.w3schools.com/HTML/html_colornames.asp A second color model – specify hue, saturation and luminosity: http://www.labnol.org/home/hue-saturation-luminosity/20104/ Topic module on counting and number systems: http://cis275topics.blogspot.com/2010/11/counting.html

More Related