TWiki/StandardColors.mdwn

   1 # <a name="The 216 Standard Colors"></a> The 216 Standard Colors
   2
   3 This table can be used to choose a color in [[WebPreferences]] of each web.
   4
   5 <table width="100%">
   6   <tr align="center">
   7     <td bgcolor="#000000"><font color="#FFFFFF"><b> #000000 </b></font></td>
   8     <td bgcolor="#000033"><font color="#FFFFFF"><b> #000033 </b></font></td>
   9     <td bgcolor="#000066"><font color="#FFFFFF"><b> #000066 </b></font></td>
  10     <td bgcolor="#000099"><font color="#FFFFFF"><b> #000099 </b></font></td>
  11     <td bgcolor="#0000CC"><font color="#FFFFFF"><b> #0000CC </b></font></td>
  12     <td bgcolor="#0000FF"><font color="#FFFFFF"><b> #0000FF </b></font></td>
  13   </tr>
  14   <tr align="center">
  15     <td bgcolor="#003300"><font color="#FFFFFF"><b> #003300 </b></font></td>
  16     <td bgcolor="#003333"><font color="#FFFFFF"><b> #003333 </b></font></td>
  17     <td bgcolor="#003366"><font color="#FFFFFF"><b> #003366 </b></font></td>
  18     <td bgcolor="#003399"><font color="#FFFFFF"><b> #003399 </b></font></td>
  19     <td bgcolor="#0033CC"><font color="#FFFFFF"><b> #0033CC </b></font></td>
  20     <td bgcolor="#0033FF"><font color="#FFFFFF"><b> #0033FF </b></font></td>
  21   </tr>
  22   <tr align="center">
  23     <td bgcolor="#006600"><font color="#FFFFFF"><b> #006600 </b></font></td>
  24     <td bgcolor="#006633"><font color="#FFFFFF"><b> #006633 </b></font></td>
  25     <td bgcolor="#006666"><font color="#FFFFFF"><b> #006666 </b></font></td>
  26     <td bgcolor="#006699"><font color="#FFFFFF"><b> #006699 </b></font></td>
  27     <td bgcolor="#0066CC"><font color="#FFFFFF"><b> #0066CC </b></font></td>
  28     <td bgcolor="#0066FF"><font color="#FFFFFF"><b> #0066FF </b></font></td>
  29   </tr>
  30   <tr align="center">
  31     <td bgcolor="#009900"><b> #009900 </b></td>
  32     <td bgcolor="#009933"><b> #009933 </b></td>
  33     <td bgcolor="#009966"><b> #009966 </b></td>
  34     <td bgcolor="#009999"><b> #009999 </b></td>
  35     <td bgcolor="#0099CC"><b> #0099CC </b></td>
  36     <td bgcolor="#0099FF"><b> #0099FF </b></td>
  37   </tr>
  38   <tr align="center">
  39     <td bgcolor="#00CC00"><b> #00CC00 </b></td>
  40     <td bgcolor="#00CC33"><b> #00CC33 </b></td>
  41     <td bgcolor="#00CC66"><b> #00CC66 </b></td>
  42     <td bgcolor="#00CC99"><b> #00CC99 </b></td>
  43     <td bgcolor="#00CCCC"><b> #00CCCC </b></td>
  44     <td bgcolor="#00CCFF"><b> #00CCFF </b></td>
  45   </tr>
  46   <tr align="center">
  47     <td bgcolor="#00FF00"><b> #00FF00 </b></td>
  48     <td bgcolor="#00FF33"><b> #00FF33 </b></td>
  49     <td bgcolor="#00FF66"><b> #00FF66 </b></td>
  50     <td bgcolor="#00FF99"><b> #00FF99 </b></td>
  51     <td bgcolor="#00FFCC"><b> #00FFCC </b></td>
  52     <td bgcolor="#00FFFF"><b> #00FFFF </b></td>
  53   </tr>
  54   <tr align="center">
  55     <td bgcolor="#330000"><font color="#FFFFFF"><b> #330000 </b></font></td>
  56     <td bgcolor="#330033"><font color="#FFFFFF"><b> #330033 </b></font></td>
  57     <td bgcolor="#330066"><font color="#FFFFFF"><b> #330066 </b></font></td>
  58     <td bgcolor="#330099"><font color="#FFFFFF"><b> #330099 </b></font></td>
  59     <td bgcolor="#3300CC"><font color="#FFFFFF"><b> #3300CC </b></font></td>
  60     <td bgcolor="#3300FF"><font color="#FFFFFF"><b> #3300FF </b></font></td>
  61   </tr>
  62   <tr align="center">
  63     <td bgcolor="#333300"><font color="#FFFFFF"><b> #333300 </b></font></td>
  64     <td bgcolor="#333333"><font color="#FFFFFF"><b> #333333 </b></font></td>
  65     <td bgcolor="#333366"><font color="#FFFFFF"><b> #333366 </b></font></td>
  66     <td bgcolor="#333399"><font color="#FFFFFF"><b> #333399 </b></font></td>
  67     <td bgcolor="#3333CC"><font color="#FFFFFF"><b> #3333CC </b></font></td>
  68     <td bgcolor="#3333FF"><font color="#FFFFFF"><b> #3333FF </b></font></td>
  69   </tr>
  70   <tr align="center">
  71     <td bgcolor="#336600"><font color="#FFFFFF"><b> #336600 </b></font></td>
  72     <td bgcolor="#336633"><font color="#FFFFFF"><b> #336633 </b></font></td>
  73     <td bgcolor="#336666"><font color="#FFFFFF"><b> #336666 </b></font></td>
  74     <td bgcolor="#336699"><font color="#FFFFFF"><b> #336699 </b></font></td>
  75     <td bgcolor="#3366CC"><font color="#FFFFFF"><b> #3366CC </b></font></td>
  76     <td bgcolor="#3366FF"><font color="#FFFFFF"><b> #3366FF </b></font></td>
  77   </tr>
  78   <tr align="center">
  79     <td bgcolor="#339900"><b> #339900 </b></td>
  80     <td bgcolor="#339933"><b> #339933 </b></td>
  81     <td bgcolor="#339966"><b> #339966 </b></td>
  82     <td bgcolor="#339999"><b> #339999 </b></td>
  83     <td bgcolor="#3399CC"><b> #3399CC </b></td>
  84     <td bgcolor="#3399FF"><b> #3399FF </b></td>
  85   </tr>
  86   <tr align="center">
  87     <td bgcolor="#33CC00"><b> #33CC00 </b></td>
  88     <td bgcolor="#33CC33"><b> #33CC33 </b></td>
  89     <td bgcolor="#33CC66"><b> #33CC66 </b></td>
  90     <td bgcolor="#33CC99"><b> #33CC99 </b></td>
  91     <td bgcolor="#33CCCC"><b> #33CCCC </b></td>
  92     <td bgcolor="#33CCFF"><b> #33CCFF </b></td>
  93   </tr>
  94   <tr align="center">
  95     <td bgcolor="#33FF00"><b> #33FF00 </b></td>
  96     <td bgcolor="#33FF33"><b> #33FF33 </b></td>
  97     <td bgcolor="#33FF66"><b> #33FF66 </b></td>
  98     <td bgcolor="#33FF99"><b> #33FF99 </b></td>
  99     <td bgcolor="#33FFCC"><b> #33FFCC </b></td>
 100     <td bgcolor="#33FFFF"><b> #33FFFF </b></td>
 101   </tr>
 102   <tr align="center">
 103     <td bgcolor="#660000"><font color="#FFFFFF"><b> #660000 </b></font></td>
 104     <td bgcolor="#660033"><font color="#FFFFFF"><b> #660033 </b></font></td>
 105     <td bgcolor="#660066"><font color="#FFFFFF"><b> #660066 </b></font></td>
 106     <td bgcolor="#660099"><font color="#FFFFFF"><b> #660099 </b></font></td>
 107     <td bgcolor="#6600CC"><font color="#FFFFFF"><b> #6600CC </b></font></td>
 108     <td bgcolor="#6600FF"><font color="#FFFFFF"><b> #6600FF </b></font></td>
 109   </tr>
 110   <tr align="center">
 111     <td bgcolor="#663300"><font color="#FFFFFF"><b> #663300 </b></font></td>
 112     <td bgcolor="#663333"><font color="#FFFFFF"><b> #663333 </b></font></td>
 113     <td bgcolor="#663366"><font color="#FFFFFF"><b> #663366 </b></font></td>
 114     <td bgcolor="#663399"><font color="#FFFFFF"><b> #663399 </b></font></td>
 115     <td bgcolor="#6633CC"><font color="#FFFFFF"><b> #6633CC </b></font></td>
 116     <td bgcolor="#6633FF"><font color="#FFFFFF"><b> #6633FF </b></font></td>
 117   </tr>
 118   <tr align="center">
 119     <td bgcolor="#666600"><font color="#FFFFFF"><b> #666600 </b></font></td>
 120     <td bgcolor="#666633"><font color="#FFFFFF"><b> #666633 </b></font></td>
 121     <td bgcolor="#666666"><font color="#FFFFFF"><b> #666666 </b></font></td>
 122     <td bgcolor="#666699"><font color="#FFFFFF"><b> #666699 </b></font></td>
 123     <td bgcolor="#6666CC"><font color="#FFFFFF"><b> #6666CC </b></font></td>
 124     <td bgcolor="#6666FF"><font color="#FFFFFF"><b> #6666FF </b></font></td>
 125   </tr>
 126   <tr align="center">
 127     <td bgcolor="#669900"><b> #669900 </b></td>
 128     <td bgcolor="#669933"><b> #669933 </b></td>
 129     <td bgcolor="#669966"><b> #669966 </b></td>
 130     <td bgcolor="#669999"><b> #669999 </b></td>
 131     <td bgcolor="#6699CC"><b> #6699CC </b></td>
 132     <td bgcolor="#6699FF"><b> #6699FF </b></td>
 133   </tr>
 134   <tr align="center">
 135     <td bgcolor="#66CC00"><b> #66CC00 </b></td>
 136     <td bgcolor="#66CC33"><b> #66CC33 </b></td>
 137     <td bgcolor="#66CC66"><b> #66CC66 </b></td>
 138     <td bgcolor="#66CC99"><b> #66CC99 </b></td>
 139     <td bgcolor="#66CCCC"><b> #66CCCC </b></td>
 140     <td bgcolor="#66CCFF"><b> #66CCFF </b></td>
 141   </tr>
 142   <tr align="center">
 143     <td bgcolor="#66FF00"><b> #66FF00 </b></td>
 144     <td bgcolor="#66FF33"><b> #66FF33 </b></td>
 145     <td bgcolor="#66FF66"><b> #66FF66 </b></td>
 146     <td bgcolor="#66FF99"><b> #66FF99 </b></td>
 147     <td bgcolor="#66FFCC"><b> #66FFCC </b></td>
 148     <td bgcolor="#66FFFF"><b> #66FFFF </b></td>
 149   </tr>
 150   <tr align="center">
 151     <td bgcolor="#990000"><font color="#FFFFFF"><b> #990000 </b></font></td>
 152     <td bgcolor="#990033"><font color="#FFFFFF"><b> #990033 </b></font></td>
 153     <td bgcolor="#990066"><font color="#FFFFFF"><b> #990066 </b></font></td>
 154     <td bgcolor="#990099"><font color="#FFFFFF"><b> #990099 </b></font></td>
 155     <td bgcolor="#9900CC"><font color="#FFFFFF"><b> #9900CC </b></font></td>
 156     <td bgcolor="#9900FF"><font color="#FFFFFF"><b> #9900FF </b></font></td>
 157   </tr>
 158   <tr align="center">
 159     <td bgcolor="#993300"><font color="#FFFFFF"><b> #993300 </b></font></td>
 160     <td bgcolor="#993333"><font color="#FFFFFF"><b> #993333 </b></font></td>
 161     <td bgcolor="#993366"><font color="#FFFFFF"><b> #993366 </b></font></td>
 162     <td bgcolor="#993399"><font color="#FFFFFF"><b> #993399 </b></font></td>
 163     <td bgcolor="#9933CC"><font color="#FFFFFF"><b> #9933CC </b></font></td>
 164     <td bgcolor="#9933FF"><font color="#FFFFFF"><b> #9933FF </b></font></td>
 165   </tr>
 166   <tr align="center">
 167     <td bgcolor="#996600"><font color="#FFFFFF"><b> #996600 </b></font></td>
 168     <td bgcolor="#996633"><font color="#FFFFFF"><b> #996633 </b></font></td>
 169     <td bgcolor="#996666"><font color="#FFFFFF"><b> #996666 </b></font></td>
 170     <td bgcolor="#996699"><font color="#FFFFFF"><b> #996699 </b></font></td>
 171     <td bgcolor="#9966CC"><font color="#FFFFFF"><b> #9966CC </b></font></td>
 172     <td bgcolor="#9966FF"><font color="#FFFFFF"><b> #9966FF </b></font></td>
 173   </tr>
 174   <tr align="center">
 175     <td bgcolor="#999900"><b> #999900 </b></td>
 176     <td bgcolor="#999933"><b> #999933 </b></td>
 177     <td bgcolor="#999966"><b> #999966 </b></td>
 178     <td bgcolor="#999999"><b> #999999 </b></td>
 179     <td bgcolor="#9999CC"><b> #9999CC </b></td>
 180     <td bgcolor="#9999FF"><b> #9999FF </b></td>
 181   </tr>
 182   <tr align="center">
 183     <td bgcolor="#99CC00"><b> #99CC00 </b></td>
 184     <td bgcolor="#99CC33"><b> #99CC33 </b></td>
 185     <td bgcolor="#99CC66"><b> #99CC66 </b></td>
 186     <td bgcolor="#99CC99"><b> #99CC99 </b></td>
 187     <td bgcolor="#99CCCC"><b> #99CCCC </b></td>
 188     <td bgcolor="#99CCFF"><b> #99CCFF </b></td>
 189   </tr>
 190   <tr align="center">
 191     <td bgcolor="#99FF00"><b> #99FF00 </b></td>
 192     <td bgcolor="#99FF33"><b> #99FF33 </b></td>
 193     <td bgcolor="#99FF66"><b> #99FF66 </b></td>
 194     <td bgcolor="#99FF99"><b> #99FF99 </b></td>
 195     <td bgcolor="#99FFCC"><b> #99FFCC </b></td>
 196     <td bgcolor="#99FFFF"><b> #99FFFF </b></td>
 197   </tr>
 198   <tr align="center">
 199     <td bgcolor="#CC0000"><font color="#FFFFFF"><b> #CC0000 </b></font></td>
 200     <td bgcolor="#CC0033"><font color="#FFFFFF"><b> #CC0033 </b></font></td>
 201     <td bgcolor="#CC0066"><font color="#FFFFFF"><b> #CC0066 </b></font></td>
 202     <td bgcolor="#CC0099"><font color="#FFFFFF"><b> #CC0099 </b></font></td>
 203     <td bgcolor="#CC00CC"><font color="#FFFFFF"><b> #CC00CC </b></font></td>
 204     <td bgcolor="#CC00FF"><font color="#FFFFFF"><b> #CC00FF </b></font></td>
 205   </tr>
 206   <tr align="center">
 207     <td bgcolor="#CC3300"><font color="#FFFFFF"><b> #CC3300 </b></font></td>
 208     <td bgcolor="#CC3333"><font color="#FFFFFF"><b> #CC3333 </b></font></td>
 209     <td bgcolor="#CC3366"><font color="#FFFFFF"><b> #CC3366 </b></font></td>
 210     <td bgcolor="#CC3399"><font color="#FFFFFF"><b> #CC3399 </b></font></td>
 211     <td bgcolor="#CC33CC"><font color="#FFFFFF"><b> #CC33CC </b></font></td>
 212     <td bgcolor="#CC33FF"><font color="#FFFFFF"><b> #CC33FF </b></font></td>
 213   </tr>
 214   <tr align="center">
 215     <td bgcolor="#CC6600"><font color="#FFFFFF"><b> #CC6600 </b></font></td>
 216     <td bgcolor="#CC6633"><font color="#FFFFFF"><b> #CC6633 </b></font></td>
 217     <td bgcolor="#CC6666"><font color="#FFFFFF"><b> #CC6666 </b></font></td>
 218     <td bgcolor="#CC6699"><font color="#FFFFFF"><b> #CC6699 </b></font></td>
 219     <td bgcolor="#CC66CC"><font color="#FFFFFF"><b> #CC66CC </b></font></td>
 220     <td bgcolor="#CC66FF"><font color="#FFFFFF"><b> #CC66FF </b></font></td>
 221   </tr>
 222   <tr align="center">
 223     <td bgcolor="#CC9900"><b> #CC9900 </b></td>
 224     <td bgcolor="#CC9933"><b> #CC9933 </b></td>
 225     <td bgcolor="#CC9966"><b> #CC9966 </b></td>
 226     <td bgcolor="#CC9999"><b> #CC9999 </b></td>
 227     <td bgcolor="#CC99CC"><b> #CC99CC </b></td>
 228     <td bgcolor="#CC99FF"><b> #CC99FF </b></td>
 229   </tr>
 230   <tr align="center">
 231     <td bgcolor="#CCCC00"><b> #CCCC00 </b></td>
 232     <td bgcolor="#CCCC33"><b> #CCCC33 </b></td>
 233     <td bgcolor="#CCCC66"><b> #CCCC66 </b></td>
 234     <td bgcolor="#CCCC99"><b> #CCCC99 </b></td>
 235     <td bgcolor="#CCCCCC"><b> #CCCCCC </b></td>
 236     <td bgcolor="#CCCCFF"><b> #CCCCFF </b></td>
 237   </tr>
 238   <tr align="center">
 239     <td bgcolor="#CCFF00"><b> #CCFF00 </b></td>
 240     <td bgcolor="#CCFF33"><b> #CCFF33 </b></td>
 241     <td bgcolor="#CCFF66"><b> #CCFF66 </b></td>
 242     <td bgcolor="#CCFF99"><b> #CCFF99 </b></td>
 243     <td bgcolor="#CCFFCC"><b> #CCFFCC </b></td>
 244     <td bgcolor="#CCFFFF"><b> #CCFFFF </b></td>
 245   </tr>
 246   <tr align="center">
 247     <td bgcolor="#FF0000"><font color="#FFFFFF"><b> #FF0000 </b></font></td>
 248     <td bgcolor="#FF0033"><font color="#FFFFFF"><b> #FF0033 </b></font></td>
 249     <td bgcolor="#FF0066"><font color="#FFFFFF"><b> #FF0066 </b></font></td>
 250     <td bgcolor="#FF0099"><font color="#FFFFFF"><b> #FF0099 </b></font></td>
 251     <td bgcolor="#FF00CC"><font color="#FFFFFF"><b> #FF00CC </b></font></td>
 252     <td bgcolor="#FF00FF"><font color="#FFFFFF"><b> #FF00FF </b></font></td>
 253   </tr>
 254   <tr align="center">
 255     <td bgcolor="#FF3300"><font color="#FFFFFF"><b> #FF3300 </b></font></td>
 256     <td bgcolor="#FF3333"><font color="#FFFFFF"><b> #FF3333 </b></font></td>
 257     <td bgcolor="#FF3366"><font color="#FFFFFF"><b> #FF3366 </b></font></td>
 258     <td bgcolor="#FF3399"><font color="#FFFFFF"><b> #FF3399 </b></font></td>
 259     <td bgcolor="#FF33CC"><font color="#FFFFFF"><b> #FF33CC </b></font></td>
 260     <td bgcolor="#FF33FF"><font color="#FFFFFF"><b> #FF33FF </b></font></td>
 261   </tr>
 262   <tr align="center">
 263     <td bgcolor="#FF6600"><font color="#FFFFFF"><b> #FF6600 </b></font></td>
 264     <td bgcolor="#FF6633"><font color="#FFFFFF"><b> #FF6633 </b></font></td>
 265     <td bgcolor="#FF6666"><font color="#FFFFFF"><b> #FF6666 </b></font></td>
 266     <td bgcolor="#FF6699"><font color="#FFFFFF"><b> #FF6699 </b></font></td>
 267     <td bgcolor="#FF66CC"><font color="#FFFFFF"><b> #FF66CC </b></font></td>
 268     <td bgcolor="#FF66FF"><font color="#FFFFFF"><b> #FF66FF </b></font></td>
 269   </tr>
 270   <tr align="center">
 271     <td bgcolor="#FF9900"><b> #FF9900 </b></td>
 272     <td bgcolor="#FF9933"><b> #FF9933 </b></td>
 273     <td bgcolor="#FF9966"><b> #FF9966 </b></td>
 274     <td bgcolor="#FF9999"><b> #FF9999 </b></td>
 275     <td bgcolor="#FF99CC"><b> #FF99CC </b></td>
 276     <td bgcolor="#FF99FF"><b> #FF99FF </b></td>
 277   </tr>
 278   <tr align="center">
 279     <td bgcolor="#FFCC00"><b> #FFCC00 </b></td>
 280     <td bgcolor="#FFCC33"><b> #FFCC33 </b></td>
 281     <td bgcolor="#FFCC66"><b> #FFCC66 </b></td>
 282     <td bgcolor="#FFCC99"><b> #FFCC99 </b></td>
 283     <td bgcolor="#FFCCCC"><b> #FFCCCC </b></td>
 284     <td bgcolor="#FFCCFF"><b> #FFCCFF </b></td>
 285   </tr>
 286   <tr align="center">
 287     <td bgcolor="#FFFF00"><b> #FFFF00 </b></td>
 288     <td bgcolor="#FFFF33"><b> #FFFF33 </b></td>
 289     <td bgcolor="#FFFF66"><b> #FFFF66 </b></td>
 290     <td bgcolor="#FFFF99"><b> #FFFF99 </b></td>
 291     <td bgcolor="#FFFFCC"><b> #FFFFCC </b></td>
 292     <td bgcolor="#FFFFFF"><b> #FFFFFF </b></td>
 293   </tr>
 294 </table>
 295
 296 See TWiki:Codev.ColorScheme for links to web sites with web safe palettes, scheme generators, and other color tools and reference.
 297
 298 **_Related web sites:_**
 299
 300 - <http://html-color-codes.info/> - map of hexadecimal color codes, with color picker
 301 - <http://www.triplecode.com/munsell/> - color picker based on how people _perceive_ colors
 302 - <http://www.cloford.com/resources/colours/websafe2.htm> - Web-safe colors
 303
 304 **_Related Topics:_** [[UserDocumentationCategory]], [[AdminDocumentationCategory]]