Introduction to Additive Color System

Thus far, we have used RGB composites to make a true-color image Lab 2 - Hello LandSat! in which the colors on the screen match the colors in our everyday world. We also used the same principles to draw a false-color combination of optical bands collected by the satellite called a Color Infrared Image. In this module we will get a better understanding of the additive color system in order to be able to read and interpret information from composite images.

The additive color system is used to represent colors on digital devices, like computer monitors and televisions. The system works by adding varying levels of red, green, and blue light to produce a range of colors. By adjusting the levels of each of the colors, a vast array of colors can be created. The red, green, and blue channels are represented with a three-digit number, which is then used to create a pixel. The 3-digit number combines the levels of red, green, and blue into a single color.

To create a range of colors, the levels of each of the red, green, and blue channels can be adjusted. For example, a value of 0, 0, 0 would be black (no light), a value of 255, 255, 255 would be white (all light), and a value of 255, 0, 0 would be red (only red light). Combining different levels of each of the colors creates a spectrum of colors. For example, a combination of red, green and blue at the levels of 250, 70, 22 would result in Florida Orange and 0, 33, 165 would result in Florida Blue.

Florida Orange and Florida Blue RGB Values

Views of data in Earth Engine, and indeed everything drawn on a computer screen, use three channels for display (red, green, and blue). The order of the bands in a composite layer determines the color channel used to display the DN of pixels. When the DN is higher in one band relative to the other two bands, the pixel will appear tinted with the color channel used to display that band. For example, when the first band is higher relative to the other two bands, the pixel will appear reddish. The intensity of the pixel color will express the magnitude of difference between the DN quantities.   

The Additive Color System

The way that primary colors combine to make new colors in an additive color system can be confusing at first. When using an additive color system, red combined with green makes yellow, green combined with blue makes cyan, and red combined with blue makes magenta (see figure above). Combining all three primary colors makes white. The absence of all primary colors makes black. For RGB composites, this means that if the pixel value of two bands are greater than that of the third band, the pixel color will appear tinted as a combined color. For example, when the pixel value of the first and second bands of a composite are higher than that of the third band, the pixel will appear yellowish.