Common RGB (red-green-blue) Hex colors
A brief explanation about hexadecimal colors.
The following colors are in what is called RGB hexadecimal format. There are many more combinations than can be shown here. If I did my math correct there are 16,777,216 combinations. Yikes !!
Here's how it works, there are 3 hexadecimal place values for each color in the order of red-green-blue: XX-XX-XX. Each value is a combination of 2 characters, either numbers or letters or one of each. And each character, be it a number or letter, represents a "brightness" value for each color.
The higher the number the brighter (lighter), or closer to white, the color is. The lower the number the darker, or closer to black, the color is. The "even" numbered values are as follows:
FF = 255 or 100% brightness
EE = 238 or 93% brightness
DD = 221 or 87% brightness
CC = 204 or 80% brightness
BB = 187 or 73% brightness
AA = 170 or 67% brightness
99 = 153 or 60% brightness
88 = 136 or 53% brightness |
77 = 119 or 47% brightness
66 = 102 or 40% brightness
55 = 85 or 33% brightness
44 = 68 or 27% brightness
33 = 51 or 20% brightness
22 = 34 or 13% brightness
11 = 17 or 7% brightness
00 = 0 or 0% brightness |
For further explanation about hexadecimal scroll down to the bottom of the page.
When all the values are the same you get shades of gray.
| | #000000
pure black |
| | #111111 |
| | #222222 |
| | #333333 |
| | #444444 |
| | #555555 |
| | #666666 |
| | #777777 |
|
| | #888888 |
| | #999999 |
| | #AAAAAA |
| | #BBBBBB |
| | #CCCCCC |
| | #DDDDDD |
| | #EEEEEE |
| | #FFFFFF
pure white |
|
| | #FF0000
pure red |
| | #00FF00
pure green |
| | #0000FF
pure blue |
| | #FFFF00
pure yellow |
|
216 Common Hexadecimal Colors
| | #000000 |
| #000033 |
| #000066 |
| #000099 |
| #0000CC |
| #0000FF |
| | #003300 |
| #003333 |
| #003366 |
| #003399 |
| #0033CC |
| #0033FF |
| | #006600 |
| #006633 |
| #006666 |
| #006699 |
| #0066CC |
| #0066FF |
| | #009900 |
| #009933 |
| #009966 |
| #009999 |
| #0099CC |
| #0099FF |
| | #00CC00 |
| #00CC33 |
| #00CC66 |
| #00CC99 |
| #00CCCC |
| #00CCFF |
| | #00FF00 |
| #00FF33 |
| #00FF66 |
| #00FF99 |
| #00FFCC |
| #00FFFF |
|
| | #330000 |
| #330033 |
| #330066 |
| #330099 |
| #3300CC |
| #3300FF |
| | #333300 |
| #333333 |
| #333366 |
| #333399 |
| #3333CC |
| #3333FF |
| | #336600 |
| #336633 |
| #336666 |
| #336699 |
| #3366CC |
| #3366FF |
| | #339900 |
| #339933 |
| #339966 |
| #339999 |
| #3399CC |
| #3399FF |
| | #33CC00 |
| #33CC33 |
| #33CC66 |
| #33CC99 |
| #33CCCC |
| #33CCFF |
| | #33FF00 |
| #33FF33 |
| #33FF66 |
| #33FF99 |
| #33FFCC |
| #33FFFF |
|
| | #660000 |
| #660033 |
| #660066 |
| #660099 |
| #6600CC |
| #6600FF |
| | #663300 |
| #663333 |
| #663366 |
| #663399 |
| #6633CC |
| #6633FF |
| | #666600 |
| #666633 |
| #666666 |
| #666699 |
| #6666CC |
| #6666FF |
| | #669900 |
| #669933 |
| #669966 |
| #669999 |
| #6699CC |
| #6699FF |
| | #66CC00 |
| #66CC33 |
| #66CC66 |
| #66CC99 |
| #66CCCC |
| #66CCFF |
| | #66FF00 |
| #66FF33 |
| #66FF66 |
| #66FF99 |
| #66FFCC |
| #66FFFF |
|
| | #990000 |
| #990033 |
| #990066 |
| #990099 |
| #9900CC |
| #9900FF |
| | #993300 |
| #993333 |
| #993366 |
| #993399 |
| #9933CC |
| #9933FF |
| | #996600 |
| #996633 |
| #996666 |
| #996699 |
| #9966CC |
| #9966FF |
| | #999900 |
| #999933 |
| #999966 |
| #999999 |
| #9999CC |
| #9999FF |
| | #99CC00 |
| #99CC33 |
| #99CC66 |
| #99CC99 |
| #99CCCC |
| #99CCFF |
| | #99FF00 |
| #99FF33 |
| #99FF66 |
| #99FF99 |
| #99FFCC |
| #99FFFF |
|
| | #CC0000 |
| #CC0033 |
| #CC0066 |
| #CC0099 |
| #CC00CC |
| #CC00FF |
| | #CC3300 |
| #CC3333 |
| #CC3366 |
| #CC3399 |
| #CC33CC |
| #CC33FF |
| | #CC6600 |
| #CC6633 |
| #CC6666 |
| #CC6699 |
| #CC66CC |
| #CC66FF |
| | #CC9900 |
| #CC9933 |
| #CC9966 |
| #CC9999 |
| #CC99CC |
| #CC99FF |
| | #CCCC00 |
| #CCCC33 |
| #CCCC66 |
| #CCCC99 |
| #CCCCCC |
| #CCCCFF |
| | #CCFF00 |
| #CCFF33 |
| #CCFF66 |
| #CCFF99 |
| #CCFFCC |
| #CCFFFF |
|
| | #FF0000 |
| #FF0033 |
| #FF0066 |
| #FF0099 |
| #FF00CC |
| #FF00FF |
| | #FF3300 |
| #FF3333 |
| #FF3366 |
| #FF3399 |
| #FF33CC |
| #FF33FF |
| | #FF6600 |
| #FF6633 |
| #FF6666 |
| #FF6699 |
| #FF66CC |
| #FF66FF |
| | #FF9900 |
| #FF9933 |
| #FF9966 |
| #FF9999 |
| #FF99CC |
| #FF99FF |
| | #FFCC00 |
| #FFCC33 |
| #FFCC66 |
| #FFCC99 |
| #FFCCCC |
| #FFCCFF |
| | #FFFF00 |
| #FFFF33 |
| #FFFF66 |
| #FFFF99 |
| #FFFFCC |
| #FFFFFF |
|
The hexadecimal code is base 16. So the left place value is a multiple of 16 instead of 10 like most of you are used to thinking. If the number for a color is 28 the brightness value is 40. (2 x 16) + 8 = 40. The confusion for most folks is the use of letters instead of numbers for values higher than 9. But if you know the value of each letter it's fairly simple. The numbering system is as follows:
| 0 = 0 | 1 = 1 | 2 = 2 | 3 = 3
|
| 4 = 4 | 5 = 5 | 6 = 6 | 7 = 7
|
| 8 = 8 | 9 = 9 | A = 10 | B = 11
|
| C = 12 | D = 13 | E = 14 | F = 15 |
Instead of carrying to the "tens" place when you reach ten, you continue counting until you reach 16 then carry over into the 16's place. All numbers (or letters) in the left place, the 16's place, are simply multiples of 16 instead of multiples of ten. If the value is BC then the equivalent base ten number is 188. (11 x 16) + 12 =188. Just remember to multiply by 16 and you will be OK. I doubt that you would ever need to use this information but it certainly doesn't hurt to understand it.
Quick Start
What is HTML?
Text and Fonts
Using Images
Making Links and Mailto Links
Making Lists
Tables, the key to well designed HTML documents
Examples of Tables
Color Chart by Name
Hexadecimal Color Chart
Practice board
Copyrighted 1999-2000 e-pixs.com