Standardized Colors for Web Pages

('web safe' colors, standardized
for use on monitors that support
no more than 256 colors)

Home page > RefInfo menu >

Computer topics menu (WebDev section) >

This 'Web Safe' 256-COLORS page

! Note !
Since most monitors in the post-2010 era
support 16-million (24-bit) colors --- not just
256 colors --- this information is mainly
of a historical nature.

< Go to the Table-of-256-Colors, below. >
(Skip the following Introduction.)

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.

Later, 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 6 x 6 x 6 = 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, maximum. 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 hex codes 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' (background color) parameters in web pages --- say, for web page backgrounds --- or for table backgrounds --- or for table-row backgrounds --- or for table-cell backgrounds --- or for paragraph backgrounds --- etc. etc.


'Web Safe' Colors :

#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.


For More Color Info :

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

For now, you can try WEB SEARCHES on keywords such as :

Bottom of this
'Web Safe' 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 ...

< Go to Table of Colors, above. >

< Go to Top of Page, above. >

Page was created 2010 Mar 13.

Page was changed 2011 Jun 06.

Page was changed 2018 Nov 07. (Added css and javascript files to try to handle text-size for smartphones, esp. in portrait orientation.)