COLOR BY THE NUMBERS
Gary Doyle Thomas
Primary Focus Photography
Copyright protected 2007
PhotoShop uses numbers to represent colors. In the early days of modern computers their main usage was to deal with the complex simultaneous equations required for calculating artillery trajectories. It was Alan Turing (British, 1912-1954) who first proposed the thought that any idea or symbol that could be represented by a number could be programmed into a computer. This profound concept led to using numbers to represent the letters of the alphabet and made it possible to use computers to bust into the secrete codes of World War II. Each letter corresponds with a numeric value in a look-up table. The most common look-up table in use today is called ASCII, which means American Standard Code for Information Interchange.
The look-up table in PhotoShop is called a color space and there are many. Examples include AbobeRGB, sRGB, and AppleRGB. Each of these color spaces is designed to represent a portion of the spectrum of visible light. While the spectrum of visible light is not infinite the human eye can perceive more nuance of color hue and brightness than can be represented in a color space. This is because the look-up table can only define 16,777,216 colors. Any given color space seeks to create a subset of the spectrum of visible light using 16,777,216 symbols. This is called a gamut and it defines the palette of available colors.
To understand why the color space is limited to 16,777,216 colors you must understand how numbers are represented inside a computer. A computer is nothing more than a fancy light switch. It only knows two things, ON, and OFF. This is known as binary logic and because the computer can be ON or OFF very fast it can accomplish work quickly. Decimal numbers must be converted to binary where the computer can use them and then converted back to decimal for output. The computer treats the value of a number differently than the symbol for that number.
What do the symbols mean? The drawing above shows the original way in which decimal number symbols were made. Note that the value for each symbol is equal to the number of angles in that symbol. Arabic numerals, known formally as Hindu-Arabic numerals are the most common symbolic representation of numbers around the world. They are considered an important milestone in the development of mathematics. The true elegance of the system is that the symbol for zero has no angles.
How do we read a decimal number? Recalling our first grade math we read numbers in columns. The rightmost column is the ones, then the tens, hundreds, thousands, and so on. Decimal means ten and there are ten symbols. Table #1 below shows the values for each column and how they are calculated. These values are so drilled into us during our early education that they become innate and we rarely think about them.
TABLE #1 DECIMAL
10 ^7= 10000000 10 ^6 = 1000000 10 ^5= 100000 10 ^4= 10000 10 ^3= 1000 10 ^ 2= 100 10 ^ 1= 10 10 ^ 0= 1
Binary means two and there are two symbols. Table #2 below shows the values for each column and how they are calculated.
TABLE #2 BINARY
2 ^ 7= 128 2 ^ 6= 64 2 ^ 5= 32 2 ^ 4= 16 2 ^ 3= 8 2 ^ 2= 4 2 ^ 1= 2 2 ^ 0= 1
Finding the value for a row of symbols is the same in both cases. For example, using the decimal value 5284(d) and Table #1:
For the 1st column we have 4 * 1 = 4
For the 2nd column we have 8 * 10 = 80
For the 3rd column we have 2 * 100 = 200
For the 4th column we have 5 * 1000= 5000
Adding them together we get 5284(d)
Binary values are found in the same way, for example using the binary value 1101(b) and Table #2:
For the 1st column we have 1 * 1 = 1
For the 2nd column we have 0 * 2 = 0
For the 3rd column we have 1 * 4 = 4
For the 4th column we have 1 * 8 = 8
Adding them together we get 13(d)
All PhotoShop RGB color spaces are represented by 24 bits (CYMK color spaces are beyond the scope of this document). Eight bits each for red, green, and blue. The binary values for each color range from 00000000(b) to 11111111(b).
00000000(b) is zero and is equal to 0(d) of course but lets see what 11111111(b) is in decimal:
For the 1st column we have 1 * 1 = 1
For the 2nd column we have 1 * 2 = 2
For the 3rd column we have 1 * 4 = 4
For the 4th column we have 1 * 8 = 8
For the 5st column we have 1 * 16 = 16
For the 6nd column we have 1 * 32 = 32
For the 7rd column we have 1 * 64 = 64
For the 8th column we have 1 * 128 = 128
Adding them together we get 255(d)
Because in the computer zero is a counting value there are 256 decimal values that can be represented by eight binary bits. 256 reds, 256 greens, and 256 blues.
256 * 256 * 256 = 16,777,216
Gary Doyle Thomas
Primary Focus Photography
Copyright protected 2007
PhotoShop uses numbers to represent colors. In the early days of modern computers their main usage was to deal with the complex simultaneous equations required for calculating artillery trajectories. It was Alan Turing (British, 1912-1954) who first proposed the thought that any idea or symbol that could be represented by a number could be programmed into a computer. This profound concept led to using numbers to represent the letters of the alphabet and made it possible to use computers to bust into the secrete codes of World War II. Each letter corresponds with a numeric value in a look-up table. The most common look-up table in use today is called ASCII, which means American Standard Code for Information Interchange.
The look-up table in PhotoShop is called a color space and there are many. Examples include AbobeRGB, sRGB, and AppleRGB. Each of these color spaces is designed to represent a portion of the spectrum of visible light. While the spectrum of visible light is not infinite the human eye can perceive more nuance of color hue and brightness than can be represented in a color space. This is because the look-up table can only define 16,777,216 colors. Any given color space seeks to create a subset of the spectrum of visible light using 16,777,216 symbols. This is called a gamut and it defines the palette of available colors.
To understand why the color space is limited to 16,777,216 colors you must understand how numbers are represented inside a computer. A computer is nothing more than a fancy light switch. It only knows two things, ON, and OFF. This is known as binary logic and because the computer can be ON or OFF very fast it can accomplish work quickly. Decimal numbers must be converted to binary where the computer can use them and then converted back to decimal for output. The computer treats the value of a number differently than the symbol for that number.
What do the symbols mean? The drawing above shows the original way in which decimal number symbols were made. Note that the value for each symbol is equal to the number of angles in that symbol. Arabic numerals, known formally as Hindu-Arabic numerals are the most common symbolic representation of numbers around the world. They are considered an important milestone in the development of mathematics. The true elegance of the system is that the symbol for zero has no angles.
How do we read a decimal number? Recalling our first grade math we read numbers in columns. The rightmost column is the ones, then the tens, hundreds, thousands, and so on. Decimal means ten and there are ten symbols. Table #1 below shows the values for each column and how they are calculated. These values are so drilled into us during our early education that they become innate and we rarely think about them.
TABLE #1 DECIMAL
10 ^7= 10000000 10 ^6 = 1000000 10 ^5= 100000 10 ^4= 10000 10 ^3= 1000 10 ^ 2= 100 10 ^ 1= 10 10 ^ 0= 1
Binary means two and there are two symbols. Table #2 below shows the values for each column and how they are calculated.
TABLE #2 BINARY
2 ^ 7= 128 2 ^ 6= 64 2 ^ 5= 32 2 ^ 4= 16 2 ^ 3= 8 2 ^ 2= 4 2 ^ 1= 2 2 ^ 0= 1
Finding the value for a row of symbols is the same in both cases. For example, using the decimal value 5284(d) and Table #1:
For the 1st column we have 4 * 1 = 4
For the 2nd column we have 8 * 10 = 80
For the 3rd column we have 2 * 100 = 200
For the 4th column we have 5 * 1000= 5000
Adding them together we get 5284(d)
Binary values are found in the same way, for example using the binary value 1101(b) and Table #2:
For the 1st column we have 1 * 1 = 1
For the 2nd column we have 0 * 2 = 0
For the 3rd column we have 1 * 4 = 4
For the 4th column we have 1 * 8 = 8
Adding them together we get 13(d)
All PhotoShop RGB color spaces are represented by 24 bits (CYMK color spaces are beyond the scope of this document). Eight bits each for red, green, and blue. The binary values for each color range from 00000000(b) to 11111111(b).
00000000(b) is zero and is equal to 0(d) of course but lets see what 11111111(b) is in decimal:
For the 1st column we have 1 * 1 = 1
For the 2nd column we have 1 * 2 = 2
For the 3rd column we have 1 * 4 = 4
For the 4th column we have 1 * 8 = 8
For the 5st column we have 1 * 16 = 16
For the 6nd column we have 1 * 32 = 32
For the 7rd column we have 1 * 64 = 64
For the 8th column we have 1 * 128 = 128
Adding them together we get 255(d)
Because in the computer zero is a counting value there are 256 decimal values that can be represented by eight binary bits. 256 reds, 256 greens, and 256 blues.
256 * 256 * 256 = 16,777,216
