Planet Furrball's Easy RGB-Hex Conversion Table
Here's somethin' for you to chew on: Your average high-end computer monitor can display literally millions (16, to be exact) of colors, yet there are only 216 that are considered "web safe" (non-dithering, if you will). These are written out in a 6-digit/number combination called "Hexadecimal". (For example, Aqua/Cyan is written out as "#00FFFF". Don't ask me why you have to have that # in front. You just do.) This is the format the beloved (HAH!) HTML format recognizes. There's just one problem ...
Your average paint program (such as MS Windows Paintbrush or ZSoft's PC Paintbrush) and even the above-average ones (like JASC's Paint Shop Pro and the legendary Adobe Photoshop) don't work in that format. Instead, they use something called RGB (for Red, Green and Blue), which uses three sets of numbers with values ranging from 0 to 255. (Thus, the previously mentioned Aqua/Cyan is translated as 0,255,255.) You wanna know something even more maddening? You can try writing your colors in RGB (the format is: "RGB (0, 255, 255)", BTW), and although M.I.E. will read it, Netscape won't. So, how to translate?
Let me say this here and now: Thank God for the Internet. Without it, we wouldn't have all these great sources of information to solve problems such as this. And while there are some great color converters out there (the one at Draac.com, in particular, is amazing!), and one or two nifty reference tables as well (I refer you to Cyber Solutions, Inc. and wallpaperworld), they don't really make it easy for you to find the right combination. Which is where this handy chart comes in. This takes (hopefully) all of the guesswork out of it, and (to use a battered old cliche), it's so simple, you'll wonder why nobody thought of doing it this way before now. Here's how it works: On the left, you'll see two pair of numbers, representing the R/G (Red/Green) parts of the equation. On the top, you'll see six numbers representing the B (Blue) part. If you want to figure out the Hex version of, say, 102/255/153, just go down the left side to the row marked "102/155/" and find the point where it intersects with the column marked "153", and viola!. "#66FF99" (an unpretentious shade of blue-green). This also works in reverse, of course: If you want to find the RGB equivalent of, let's say, "#336699", all you have to do is move to the left and the top of that square, and presto! You'll get the RGB value of 51/102/153. For ease and convenience, you couldn't beat it with a stick.
| 1st 2 pairs (R/G): (below) |
Last # (B): 0 | Last # (B): 51 | Last # (B): 102 | Last # (B): 153 | Last # (B): 204 | Last # (B): 255 |
| 0/0/ | #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| 0/51/ | #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| 0/102/ |
#006600 |
#006633 |
#006666 |
#006699 |
#0066CC |
#0066FF |
| 0/153/ |
#009900 |
#009933 |
#009966 |
#009999 |
#0099CC |
#0099FF |
| 0/204/ |
#00CC00 |
#00CC33 |
#00CC66 |
#00CC99 |
#00CCCC |
#00CCFF |
| 0/255/ |
#00FF00 |
#00FF33 |
#00FF66 |
#00FF99 |
#00FFCC |
#00FFFF |
| 51/0/ |
#330000 |
#330033 |
#330066 |
#330099 |
#3300CC |
#3300FF |
| 51/51/ |
#333300 |
#333333 |
#333366 |
#333399 |
#3333CC |
#3333FF |
| 51/102/ |
#336600 |
#336633 |
#336666 |
#336699 |
#3366CC |
#3366FF |
| 51/153/ |
#339900 |
#339933 |
#339966 |
#339999 |
#3399CC |
#3399FF |
| 51/204/ |
#33CC00 |
#33CC33 |
#33CC66 |
#33CC99 |
#33CCCC |
#33CCFF |
| 51/255/ |
#33FF00 |
#33FF33 |
#33FF66 |
#33FF99 |
#33FFCC |
#33FFFF |
| 102/0/ |
#660000 |
#660033 |
#660066 |
#660099 |
#6600CC |
#6600FF |
| 102/51/ |
#663300 |
#663333 |
#663366 |
#663399 |
#6633CC |
#6633FF |
| 102/102/ |
#666600 |
#666633 |
#666666 |
#666699 |
#6666CC |
#6666FF |
| 102/153/ |
#669900 |
#669933 |
#669966 |
#669999 |
#6699CC |
#6699FF |
| 102/204/ |
#66CC00 |
#66CC33 |
#66CC66 |
#66CC99 |
#66CCCC |
#66CCFF |
| 102/255/ |
#66FF00 |
#66FF33 |
#66FF66 |
#66FF99 |
#66FFCC |
#66FFFF |
| 153/0/ |
#990000 |
#990033 |
#990066 |
#990099 |
#9900CC |
#9900FF |
| 153/51/ |
#993300 |
#993333 |
#993366 |
#993399 |
#9933CC |
#9933FF |
| 153/102/ |
#996600 |
#996633 |
#996666 |
#996699 |
#9966CC |
#9966FF |
| 153/153/ |
#999900 |
#999933 |
#999966 |
#999999 |
#9999CC |
#9999FF |
| 153/204/ |
#99CC00 |
#99CC33 |
#99CC66 |
#99CC99 |
#99CCCC |
#99CCFF |
| 153/255/ |
#99FF00 |
#99FF33 |
#99FF66 |
#99FF99 |
#99FFCC |
#99FFFF |
| 204/0/ |
#CC0000 |
#CC0033 |
#CC0066 |
#CC0099 |
#CC00CC |
#CC00FF |
| 204/51/ |
#CC3300 |
#CC3333 |
#CC3366 |
#CC3399 |
#CC33CC |
#CC33FF |
| 204/102/ |
#CC6600 |
#CC6633 |
#CC6666 |
#CC6699 |
#CC66CC |
#CC66FF |
| 204/153/ |
#CC9900 |
#CC9933 |
#CC9966 |
#CC9999 |
#CC99CC |
#CC99FF |
| 204/204/ |
#CCCC00 |
#CCCC33 |
#CCCC66 |
#CCCC99 |
#CCCCCC |
#CCCCFF |
| 204/255/ |
#CCFF00 |
#CCFF33 |
#CCFF66 |
#CCFF99 |
#CCFFCC |
#CCFFFF |
| 255/0/ |
#FF0000 |
#FF0033 |
#FF0066 |
#FF0099 |
#FF00CC |
#FF00FF |
| 255/51/ |
#FF3300 |
#FF3333 |
#FF3366 |
#FF3399 |
#FF33CC |
#FF33FF |
| 255/102/ |
#FF6600 |
#FF6633 |
#FF6666 |
#FF6699 |
#FF66CC |
#FF66FF |
| 255/153/ |
#FF9900 |
#FF9933 |
#FF9966 |
#FF9999 |
#FF99CC |
#FF99FF |
| 255/204/ |
#FFCC00 |
#FFCC33 |
#FFCC66 |
#FFCC99 |
#FFCCCC |
#FFCCFF |
| 255/255/ |
#FFFF00 |
#FFFF33 |
#FFFF66 |
#FFFF99 |
#FFFFCC |
#FFFFFF |
This compilation (C) Copyright 1999 Jerry D. Withers. All rights reserved.
Comments and suggestions can be directed at
jwithers@tcfn.org.
Oh, well, back to the drawing board...