TUTORIALS » Graphic design for the web » Graphic design essentials

Color modes

Page 4 of 4


You are in page:
» 4. 8-bit Indexed & Grayscale

8-bit Indexed color

Some image formats (like GIF) can only handle 8-bit color depths. These image formats assign 3 bits for two of the primary RGB colors and 2 more bits for the remaining color. By using this 3-3-2 bit combination they can form up to 256 colors. This color "selection" is called color indexing.

8-bit indexed color images are usually lighter than their 24 or 32-bit counterparts and, due to their color limitations, are better suited for logos and other simple graphics.

Indexed-color image
Figure 4  8-bit indexed color image
Indexed color palette
Figure 5  256-color palette used
for Figure 4

8-bit Grayscale

A grayscale image uses only 8 bits to represent 256 shades of gray, resulting in Black-&-White- like images.

Grayscale-color image
Figure 6  8-bit indexed color image
Grayscale color palette
Figure 7  256-shades of gray
palette used for Figure 6

Note: There are also a few image file formats that support a 16-bit grayscale mode natively (allowing up to 65,536 shades of gray), although browsers and many imaging programs tend to ignore this extra information and adapt it to 8 bits.

More pages of this tutorial → Color modes  <1234

Comments & Questions
Post a comment

Tue, Jul 13 '10
by Jai
Really a good explanation, Please keep posting more on graphics and designs.
Mon, Nov 16 '09
by HarryPlotter
this is a very good explanation
Tue, May 19 '09
by planchador
I love clear tutorials like this one. Keep posting!
Sun, May 10 '09
by Anonymous
Very gooooooood
Sun, May 10 '09
by nachito
Thank you, very good explanation! I look forward for more :D
Sun, May 10 '09
Avatar
by ebodius
Comments or Questions? You can post them here!

Post a comment