« Implementing a Sand Trap | Main | MT-Autoban Headaches »

Browser-Safe Web Colours

According to Elizabeth Castro, you can use any colours in you web design that you like. Here's an excerpt from Elizabeth's book, HTML, XHTML, and CSS, Sixth Edition: Visual QuickStart Guide:

Currently (mid 2006), around 80% of the Web surfing public use 24- or 32-bit monitors, 16% use 16-bit monitors, and fewer than 1% use 8-bit monitors. In 2002, those numbers were quite different: 50% on 24-bit, 40% on 16-bit and 10% on 8-bit. The trend is clearly toward so-called “True Color” monitors in which any of 16 million colors can be displayed. In the days when 8-bit monitors were the norm, you had to restrict yourself to only the browser safe colors in order to ensure that the colors you chose would appear correctly on your Web pages. However, as the numbers show, so few people are using 8-bit monitors, that it is no longer an issue. You may use any colors you like.

The only reason to use the browser-safe palette is if you have a concern that your web design work will be viewed from a 256 color (8-bit) computer system. Only 216 colours were considered safe for web browsers. Browser-safe colours can only contain 00, 33, 66, 99, CC, and FF values in each of the paired digits of the RGB spectrum.

The word from Lynda.com (who are credited with the distinction of having first identified and published the web safe colour palette) is that...

There may be resurgence in the need for the browser-safe palette when designing for alternative online publishing devices, such as cell phones and PDAs. Those systems are still in 1-bit (black and white) or 8-bit color. Right now, very few people are designing their web sites to work on those systems, so the need for the browser-safe color palette is definitely downgraded to a mere shadow of its former glory.

Below is a table of the browser-safe colours:

#000000 #000033 #000066 #000099
#0000cc #0000ff #330000 #330033
#330066 #330099 #3300cc #3300ff
#660000 #660033 #660066 #660099
#6600cc #6600ff #990000 #990033
#990066 #990099 #9900cc #9900ff
#cc0000 #cc0033 #cc0066 #cc0099
#cc00cc #cc00ff #ff0000 #ff0033
#ff0066 #ff0099 #ff00cc #ff00ff
#003300 #003333 #003366 #003399
#0033cc #0033ff #333300 #333333
#333366 #333399 #3333cc #3333ff
#663300 #663333 #663399 #6633cc
#6633ff #993300 #993366 #993399
#9933cc #9933ff #cc3300 #cc3333
#cc3366 #cc3399 #cc33cc #cc33ff
#ff3300 #ff3333 #ff3366 #ff3399
#ff33cc #ff33ff #006600 #006633
#006666 #006699 #0066cc #0066ff
#336600 #336633 #336666 #336699
#3366cc #3366ff #666600 #666633
#666666 #666699 #6666cc #6666ff
#996600 #996633 #996666 #996699
#9966cc #9966ff #cc6600 #cc6633
#cc6666 #cc6699 #cc66cc #cc66ff
#ff6600 #ff6633 #ff6666 #ff6699
#ff66cc #ff66ff #009900 #009933
#009966 #009999 #0099cc #0099ff
#339900 #339933 #339966 #339999
#3399cc #3399ff #669900 #669933
#669966 #669999 #6699cc #6699ff
#999900 #999933 #999966 #999999
#9999cc #9999ff #cc9900 #cc9933
#cc9966 #cc9999 #cc99cc #cc99ff
#ff9900 #ff9933 #ff9966 #ff9999
#ff99cc #ff99ff #00cc00 #00cc33
#00cc66 #00cc99 #00cccc #00ccff
#33cc00 #33cc33 #33cc66 #33cc99
#33cccc #33ccff #66cc00 #66cc33
#66cc66 #66cc99 #66cccc #66ccff
#99cc00 #99cc33 #99cc66 #99cc99
#99cccc #99ccff #cccc00 #cccc33
#cccc66 #CCCC99 #cccccc #ccccff
#ffcc00 #ffcc33 #ffcc66 #ffcc99
#ffcccc #ffccff #00ff00 #00ff33
#00ff66 #00ff99 #00ffcc #00ffff
#33ff00 #33ff33 #33ff66 #33ff99
#33ffcc #33ffff #66ff00 #66ff33
#66ff66 #66ff99 #66ffcc #66ffff
#99ff00 #99ff33 #99ff66 #99ff99
#99ffcc #99ffff #ccff00 #ccff33
#ccff66 #ccff99 #ccffcc #ccffff
#ffff00 #ffff33 #ffff66 #ffff99
#ffffcc #ffffff

TrackBack

TrackBack URL for this entry:
http://www.bestoday.com.au/cgi-bin/mt/mt-tb.cgi/764

Leave a comment

Verification (needed to reduce spam):

September 2008

Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

Subscribe

Enter your Email


Preview | Powered by FeedBlitz

Google AdSense

The Playground

DreamHost

GeoURL


Creative Commons License
This weblog is licensed under a Creative Commons License.