Sample Colors for Web Pages

! Preliminary ! More info on colors to be added.

< Go to the Table-of-256-Colors, below. >

INTRODUCTION :

Back in the early 1990's, video monitors for home computers were limited to displaying about 256 colors --- and about 5 years before that, a 'color depth' of about 8 colors --- and before that two colors (white and black, or, typically, green and black).

The colors for each pixel on the screen were made up of 3 dots (phosphorescent) of 3 different colors: red, green, and blue. These dots (or rectangles) were so close together than they appeared to be one color --- an average (by your eyes) of the 3 basic colors and their intensities.

In the late 1990's, video monitors became commonly available that supported 256 intensities of each of the 3 colors --- so that 256 x 256 x 256 = 16,777,216 colors were possible.

When there was a limit of only 256 colors displayable in each 'pixel' and a web page called for a color (for example, a background color for a page) that was not among those 256, algorithms were employed to try to re-create an appearance of the chosen color. One approach would be to choose one of the 256 colors that was 'closest' to the specified color, in some sense. But that often resulted in 'bands' of color, especially in photographic images. So, in many cases, the algorithm employed would do dithering, which emulated a specified color by 'sprinkling' colors from among the 256 available for the video device. The result was typically pretty ugly when applied to solid colors not among the 256 available. So web page developers were often encouraged to choose colors from among a standard 256 --- the so-called 'web safe' colors.

Netscape introduced a fixed color palette of 216 colors (6 intensities of red x 6 intensities of green x 6 intensities of blue) that were to be used for video monitors with a graphics mode with only 256 colors. Other colors would be 'dithered' to that color palette. If you did not want the Netscape web browser to dither the solid color areas on a page you would stick to these colors.

Below is a tabular representation of that 'web safe' palette. The hex code FF (= 255 decimal) represented the maximum intensity of any of the 3 colors, and 00 represents the minimum intensity. Intermediates were 33 (=51), 66 (=102), 99 (=153), and CC (=204) --- for a total of 6 intensities, in the table, for each color.

Although you are no longer 'forced' to be limited to a 216 or 256 color palette (due to the advance to 16-million 'true color' monitors, and beyond), when you are casting about to choose a color, it is helpful to consider choosing from about 256 colors, rather than from a palette of 16-million or more.

In particular, this table could be useful when considering color choices for 'bgcolor' parameters in web pages --- say, for web page backgrounds or for table backgrounds or for table-row backgrounds or for table-cell backgrounds.


#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000
 
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
 
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966 #999933 #999900
#9966FF #9966CC #996699 #996666 #996633 #996600
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF #9900CC #990099 #990066 #990033 #990000
 
#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933 #669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF #6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC #660099 #660066 #660033 #660000
 
#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF #3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC #333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066 #330033 #330000
 
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF #0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC #006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366 #003333 #003300
#0000FF #0000CC #000099 #000066 #000033 #000000


There are 6 'blocks' in this table, with 6 rows and 6 columns in each block --- for a total of 6 x 6 x 6 = 216 colors.

Note that if you put the blocks from back to front to make slices of a cube, on the four corners of the back face of the cube are the four colors

  • white (FFFFFF)
  • yellow (FFFF00)
  • magenta (FF00FF)
  • red (FF0000)

and on the four corners of the front face of the cube are the four colors

  • cyan (00FFFF)
  • green (00FF00)
  • blue (0000FF)
  • black (000000)

So the 3 basic colors, the 3 complementary colors, and black and white are on the 8 corners of the color cube.


Some links to alternative ways of presenting about 256 colors may be presented here someday.

Bottom of the Colors for Web Pages page.

To return to a previously visited web page, click on the
Back button of your web browser a sufficient number of times.
OR, use the History-list option of your web browser.
OR ...

< Return to Table of Contents, above. >
< Return to Top of Page, above. >

Page created 2010 Mar 13. Changed 2011 Jun 06.