|
|
|
|
tools: web-safe colors
Both PCs and Macs have 256 colors in their color palette, but since 40 of those colors are different, so there are only 216 colors that are the same on both a Mac and a PC. In order to make your website and graphics look as similar as possible on both platforms, it's a good idea to try to stick to the 216 "web-safe colors" below (hex values are displayed).
![](/images/dot_clear.gif) #000000 |
![](/images/dot_clear.gif) #000033 |
![](/images/dot_clear.gif) #000066 |
![](/images/dot_clear.gif) #000099 |
![](/images/dot_clear.gif) #0000CC |
![](/images/dot_clear.gif) #0000FF |
![](/images/dot_clear.gif) #003300 |
![](/images/dot_clear.gif) #003333 |
![](/images/dot_clear.gif) #003366 |
![](/images/dot_clear.gif) #003399 |
![](/images/dot_clear.gif) #0033CC |
![](/images/dot_clear.gif) #0033FF |
![](/images/dot_clear.gif) #006600 |
![](/images/dot_clear.gif) #006633 |
![](/images/dot_clear.gif) #006666 |
![](/images/dot_clear.gif) #006699 |
![](/images/dot_clear.gif) #0066CC |
![](/images/dot_clear.gif) #0066FF |
![](/images/dot_clear.gif) #009900 |
![](/images/dot_clear.gif) #009933 |
![](/images/dot_clear.gif) #009966 |
![](/images/dot_clear.gif) #009999 |
![](/images/dot_clear.gif) #0099CC |
![](/images/dot_clear.gif) #0099FF |
![](/images/dot_clear.gif) #00CC00 |
![](/images/dot_clear.gif) #00CC33 |
![](/images/dot_clear.gif) #00CC66 |
![](/images/dot_clear.gif) #00CC99 |
![](/images/dot_clear.gif) #00CCCC |
![](/images/dot_clear.gif) #00CCFF |
![](/images/dot_clear.gif) #00FF00 |
![](/images/dot_clear.gif) #00FF33 |
![](/images/dot_clear.gif) #00FF66 |
![](/images/dot_clear.gif) #00FF99 |
![](/images/dot_clear.gif) #00FFCC |
![](/images/dot_clear.gif) #00FFFF |
![](/images/dot_clear.gif) #330000 |
![](/images/dot_clear.gif) #330033 |
![](/images/dot_clear.gif) #330066 |
![](/images/dot_clear.gif) #330099 |
![](/images/dot_clear.gif) #3300CC |
![](/images/dot_clear.gif) #3300FF |
![](/images/dot_clear.gif) #333300 |
![](/images/dot_clear.gif) #333333 |
![](/images/dot_clear.gif) #333366 |
![](/images/dot_clear.gif) #333399 |
![](/images/dot_clear.gif) #3333CC |
![](/images/dot_clear.gif) #3333FF |
![](/images/dot_clear.gif) #336600 |
![](/images/dot_clear.gif) #336633 |
![](/images/dot_clear.gif) #336666 |
![](/images/dot_clear.gif) #336699 |
![](/images/dot_clear.gif) #3366CC |
![](/images/dot_clear.gif) #3366FF |
![](/images/dot_clear.gif) #339900 |
![](/images/dot_clear.gif) #339933 |
![](/images/dot_clear.gif) #339966 |
![](/images/dot_clear.gif) #339999 |
![](/images/dot_clear.gif) #3399CC |
![](/images/dot_clear.gif) #3399FF |
![](/images/dot_clear.gif) #33CC00 |
![](/images/dot_clear.gif) #33CC33 |
![](/images/dot_clear.gif) #33CC66 |
![](/images/dot_clear.gif) #33CC99 |
![](/images/dot_clear.gif) #33CCCC |
![](/images/dot_clear.gif) #33CCFF |
![](/images/dot_clear.gif) #33FF00 |
![](/images/dot_clear.gif) #33FF33 |
![](/images/dot_clear.gif) #33FF66 |
![](/images/dot_clear.gif) #33FF99 |
![](/images/dot_clear.gif) #33FFCC |
![](/images/dot_clear.gif) #33FFFF |
![](/images/dot_clear.gif) #660000 |
![](/images/dot_clear.gif) #660033 |
![](/images/dot_clear.gif) #660066 |
![](/images/dot_clear.gif) #660099 |
![](/images/dot_clear.gif) #6600CC |
![](/images/dot_clear.gif) #6600FF |
![](/images/dot_clear.gif) #663300 |
![](/images/dot_clear.gif) #663333 |
![](/images/dot_clear.gif) #663366 |
![](/images/dot_clear.gif) #663399 |
![](/images/dot_clear.gif) #6633CC |
![](/images/dot_clear.gif) #6633FF |
![](/images/dot_clear.gif) #666600 |
![](/images/dot_clear.gif) #666633 |
![](/images/dot_clear.gif) #666666 |
![](/images/dot_clear.gif) #666699 |
![](/images/dot_clear.gif) #6666CC |
![](/images/dot_clear.gif) #6666FF |
![](/images/dot_clear.gif) #669900 |
![](/images/dot_clear.gif) #669933 |
![](/images/dot_clear.gif) #669966 |
![](/images/dot_clear.gif) #669999 |
![](/images/dot_clear.gif) #6699CC |
![](/images/dot_clear.gif) #6699FF |
![](/images/dot_clear.gif) #66CC00 |
![](/images/dot_clear.gif) #66CC33 |
![](/images/dot_clear.gif) #66CC66 |
![](/images/dot_clear.gif) #66CC99 |
![](/images/dot_clear.gif) #66CCCC |
![](/images/dot_clear.gif) #66CCFF |
![](/images/dot_clear.gif) #66FF00 |
![](/images/dot_clear.gif) #66FF33 |
![](/images/dot_clear.gif) #66FF66 |
![](/images/dot_clear.gif) #66FF99 |
![](/images/dot_clear.gif) #66FFCC |
![](/images/dot_clear.gif) #66FFFF |
![](/images/dot_clear.gif) #990000 |
![](/images/dot_clear.gif) #990033 |
![](/images/dot_clear.gif) #990066 |
![](/images/dot_clear.gif) #990099 |
![](/images/dot_clear.gif) #9900CC |
![](/images/dot_clear.gif) #9900FF |
![](/images/dot_clear.gif) #993300 |
![](/images/dot_clear.gif) #993333 |
![](/images/dot_clear.gif) #993366 |
![](/images/dot_clear.gif) #993399 |
![](/images/dot_clear.gif) #9933CC |
![](/images/dot_clear.gif) #9933FF |
![](/images/dot_clear.gif) #996600 |
![](/images/dot_clear.gif) #996633 |
![](/images/dot_clear.gif) #996666 |
![](/images/dot_clear.gif) #996699 |
![](/images/dot_clear.gif) #9966CC |
![](/images/dot_clear.gif) #9966FF |
![](/images/dot_clear.gif) #999900 |
![](/images/dot_clear.gif) #999933 |
![](/images/dot_clear.gif) #999966 |
![](/images/dot_clear.gif) #999999 |
![](/images/dot_clear.gif) #9999CC |
![](/images/dot_clear.gif) #9999FF |
![](/images/dot_clear.gif) #99CC00 |
![](/images/dot_clear.gif) #99CC33 |
![](/images/dot_clear.gif) #99CC66 |
![](/images/dot_clear.gif) #99CC99 |
![](/images/dot_clear.gif) #99CCCC |
![](/images/dot_clear.gif) #99CCFF |
![](/images/dot_clear.gif) #99FF00 |
![](/images/dot_clear.gif) #99FF33 |
![](/images/dot_clear.gif) #99FF66 |
![](/images/dot_clear.gif) #99FF99 |
![](/images/dot_clear.gif) #99FFCC |
![](/images/dot_clear.gif) #99FFFF |
![](/images/dot_clear.gif) #CC0000 |
![](/images/dot_clear.gif) #CC0033 |
![](/images/dot_clear.gif) #CC0066 |
![](/images/dot_clear.gif) #CC0099 |
![](/images/dot_clear.gif) #CC00CC |
![](/images/dot_clear.gif) #CC00FF |
![](/images/dot_clear.gif) #CC3300 |
![](/images/dot_clear.gif) #CC3333 |
![](/images/dot_clear.gif) #CC3366 |
![](/images/dot_clear.gif) #CC3399 |
![](/images/dot_clear.gif) #CC33CC |
![](/images/dot_clear.gif) #CC33FF |
![](/images/dot_clear.gif) #CC6600 |
![](/images/dot_clear.gif) #CC6633 |
![](/images/dot_clear.gif) #CC6666 |
![](/images/dot_clear.gif) #CC6699 |
![](/images/dot_clear.gif) #CC66CC |
![](/images/dot_clear.gif) #CC66FF |
![](/images/dot_clear.gif) #CC9900 |
![](/images/dot_clear.gif) #CC9933 |
![](/images/dot_clear.gif) #CC9966 |
![](/images/dot_clear.gif) #CC9999 |
![](/images/dot_clear.gif) #CC99CC |
![](/images/dot_clear.gif) #CC99FF |
![](/images/dot_clear.gif) #CCCC00 |
![](/images/dot_clear.gif) #CCCC33 |
![](/images/dot_clear.gif) #CCCC66 |
![](/images/dot_clear.gif) #CCCC99 |
![](/images/dot_clear.gif) #CCCCCC |
![](/images/dot_clear.gif) #CCCCFF |
![](/images/dot_clear.gif) #CCFF00 |
![](/images/dot_clear.gif) #CCFF33 |
![](/images/dot_clear.gif) #CCFF66 |
![](/images/dot_clear.gif) #CCFF99 |
![](/images/dot_clear.gif) #CCFFCC |
![](/images/dot_clear.gif) #CCFFFF |
![](/images/dot_clear.gif) #FF0000 |
![](/images/dot_clear.gif) #FF0033 |
![](/images/dot_clear.gif) #FF0066 |
![](/images/dot_clear.gif) #FF0099 |
![](/images/dot_clear.gif) #FF00CC |
![](/images/dot_clear.gif) #FF00FF |
![](/images/dot_clear.gif) #FF3300 |
![](/images/dot_clear.gif) #FF3333 |
![](/images/dot_clear.gif) #FF3366 |
![](/images/dot_clear.gif) #FF3399 |
![](/images/dot_clear.gif) #FF33CC |
![](/images/dot_clear.gif) #FF33FF |
![](/images/dot_clear.gif) #FF6600 |
![](/images/dot_clear.gif) #FF6633 |
![](/images/dot_clear.gif) #FF6666 |
![](/images/dot_clear.gif) #FF6699 |
![](/images/dot_clear.gif) #FF66CC |
![](/images/dot_clear.gif) #FF66FF |
![](/images/dot_clear.gif) #FF9900 |
![](/images/dot_clear.gif) #FF9933 |
![](/images/dot_clear.gif) #FF9966 |
![](/images/dot_clear.gif) #FF9999 |
![](/images/dot_clear.gif) #FF99CC |
![](/images/dot_clear.gif) #FF99FF |
![](/images/dot_clear.gif) #FFCC00 |
![](/images/dot_clear.gif) #FFCC33 |
![](/images/dot_clear.gif) #FFCC66 |
![](/images/dot_clear.gif) #FFCC99 |
![](/images/dot_clear.gif) #FFCCCC |
![](/images/dot_clear.gif) #FFCCFF |
![](/images/dot_clear.gif) #FFFF00 |
![](/images/dot_clear.gif) #FFFF33 |
![](/images/dot_clear.gif) #FFFF66 |
![](/images/dot_clear.gif) #FFFF99 |
![](/images/dot_clear.gif) #FFFFCC |
![](/images/dot_clear.gif) #FFFFFF |
|
![curve corner](images/curve_right_top_36x40.gif) |