Digital Images - Introduction Pixels Here is a photo of a rabbit If we zoom in, ...we see that it is made of of many smaller squares. These are called "Pixels" which are short for "Picture elements" of "Picel" often pronounced "Pixel"
So essentially, any color can be encoded as three numbers .. one each for red, green, and blue.
In RGB, a color is defined as a mixture of pure red, green, and blue lights of various strengths. Each of the red, green and blue light levels is encoded as a number in the range 0..255, with 0 meaning zero light and 255 meaning maximum light. So for example (red=255, green=100, blue=0) is a color where red is maximum, green is medium, and blue is not present at all, resulting in a shade of orange. In this way, specifying the brightness 0..255 for the red, blue, and green color components of the pixel, any color can be formed. Pigment Note -- you may have mixed color paints, such as adding red and green paint together. That sort of "pigment" color mixing works totally differently from the "light" mixing we have here. Light mixing is, I think, easier to follow, and in any case, is the most common way that computers store and manipulate images. It's not required that you have an intuition about, say, what blue=137 looks like. You just need to understand that any color can be made by combining the three color values. Explore the component colors here in RGB Explorer. Use the worksheet below (download and print it) to explore the colors. So we can start with a whole, textured digital image of something. Then break it down into small square pixels. Then each pixel breaks down to 3 numbers in the range 0..255. This is a typical computer pattern -- something whole and organic is, if you look behind the scenes, is broken down and represented as a lot of little numbers. Stage Footlights Have footlights and spotlights that are RGB (all together make white or any other color Televisions Televisions Have Red/Green/Blue electron guns or LCD pixels Design Your Own Logo or Icon - using Pixels Design your own Logo/icon - Favicon |
Home > Digital Magic >
