1337 CØ1ØR5 courtesy of Cerrillos Masonic Lodge #19, Santa Fe, NM

Ever want a cool mnemonic for a color on your web page, but bored with just "red", "white", or "blue"? Well, here are some alternatives. Use hex codes! How about boo-boo (B00B00) for red, façade (FACADE) for pink, or coffee (C0FFEE) for the pale blue-green of this page? This first table lists colors with hex codes using just 0=O, 1=I, and the conventional hexadecimal digits A=10, B=11, C=12, D=13, E=14 and F=15. Jeremy Smith also made a chart similar to this, but using 1=L instead of 1=I. His fine effort can be viewed at http://www.peak.org/~jeremy/bigfun/feeb1e.html.

o=0,i=1a=10b=11c=12d=13e=14,f=15
Key to the color chart below

The second table, below, adds 3-letter words (44 words); the congruences G=6, S=5, T=7, Z=2 (393 6-letter words, 111 3-letter words); and L=1 provided there is no "i" also (an additional 261 6-letter words and 31 3-letter words). Words with both i and L together would have added another 187 6-letter and 9 3-letter words. (This word list was extracted from a program designed for crossword puzzles, so it includes a lot of strange words plus all normal ones.) Color difference of up to 32 out of the 256 graduations for each primary color are barely distinguishable to the naked eye, so this chart is compressed by jumping that much between each green or blue color block, and 64 between each red. Rolling your mouse over a block should pop up a list of color-words in that range. There are no suitable letter equivalents for 3,4,8, or 9, so the 80-9F column and row have been left out, and the 20-3F & 40-5F columns and rows have been combined.

We ignore as duplications the additional possible congruences 3=E, 4=A, 8=B, and 9=g; and alternate (far-fetched) congruences such as 7=L, 7=Y, 9=P, 12=R, or 13=B. For a more complete list of possible congruences, see the Wikipedia article at http://en.wikipedia.org/wiki/Leet.

Non-numbers in HTML tags are treated differently from the way they are handled in css/style attributes. How different browsers treat non-numbers may also differ, The following have been tested in Internet Explorer 6 and Firefox 0.9.1.

For <td style="background-color:xxxxxx">, there must be exactly 3 or 6 digits (that is, 0-9 and A-F or a-f), and no other characters, otherwise the color will be ignored. On the other hand, for <td bgcolor=xxxxxx> the number xxxxxx is divided into three equal groups (the third group is padded with zeros at the end if the number of digits is greater than three and not divisible by three), and the first two digits of each group are used, with any characters not recognized as digits converted to zeros.
Here are some examples of the HTML attributes, with o, i, & l translated to 0, 1, & 1 respectively:
4 digits 5/6 digits >6 digits non-digit
de|ci|-- = de|c1|00 de|ci|de = de|c1|de dec|ide|d-- = de_|1d_|d0_ dec|idi|ng- = de_|1d_|00_
dec1: de c1 00 dec1de: de c1 de dec1ded: de 1d d0 dec1d1ng: de 1d 00
co|ld|     = c0|1d|00 bl|oo|d- = b1|00|d0 col|dbl|ood = c0_|db_|00_ cold|bloo|ded- = co_|bl_|de_
cold: c0 1d 00 blood: b1 00 d0 coldblood: c0 db 00 coldblooded: c0 b1 de

For 3 digits (or 1 or 2), the HTML tag <td bgcolor=xxx> will treat each digit as if it were padded with a zero in front of it, making a color indistinguishable from black.
For 3 digits, the CSS style <td style="background-color:xxx"> will treat each digit as if it were doubled.
bgcolor background-color
 d| e| c  = 0d|0e|0c  d| e|    = 0d|0e|00  rounded = d0|e0|c0  d| e| c  = dd|ee|cc  rounded = e0|f0|d0  d| e|   = undefined
dec: 0d 0e 0c de: 0d 0e 00
down-- d0 e0 c0 dec: dd ee cc up-- e0 f0 d0
de: no color



©2006 by Owen Lorion

Hosted by Cerrillos Masonic Lodge, Santa Fe, NM