Hexadecimal Paint Chip Samples

You can use millions of colors using the rgb hex numbering system. RGB stands for RedGreenBlue. And just like paint, you can mix these primary colors and achieve virtually any color you desire. However, in the digital world you have a finite number of colors in the pallet - 16,777,216.

You have 256 shades of each primary color. 2563=16,777,216.

in HTML you would set the font color like this: <font color="#rrggbb">
<font color="#ffcc00">Colored Text for rrggbb=ffcc00</font> and get this Colored Text for rrggbb=ffcc00
in many BBS, you set the font color like this: \rgb{rrggbb,text}
\rgb{ffcc00,Colored Text for rrggbb=ffcc00} and get this Colored Text for rrggbb=ffcc00
where rrggbb matches the appropriate mix of colors.

Just keep in mind that many people are colored blind. If you use too many colors, some in your audience will not even know you posted. Also, some folks have computers not set for millions of colors. So They may get a different color than your intention. And still others refuse to allow the web page to override their preference colors. Reserve special colors for special occasions.

The paint chips below represent just six shades of each primary color (6x6x6=216). You can get other colors simply by changing the numbers slightly. But remember the numbers are in hex, not decimal. So when counting, the number just beyond "916" is "a16", not 10. "1016" is just beyond "f16". See the bottom of this page for a quick hex lesson.

Why did I use these six shades of each primary color? These 216 mixes are called the non-dithering colors. It means regardless of PC or Mac, they should appear the same (assuming the user hasn't really messed up the monitor settings. It also means the colors should not appear "pixeled" but as one constant hue. These are the best choice for most applications.

If you are one of those who just has to see more...Triple the shades for each primary color and you get 18x18x18=5,832. flavors. This paint chip file is about 232KB. It will take a little while to load and render the colors. So DON'T CLICK HERE! unless you have time to kill.


000000
black

330000
 

660000
 

990000
 

cc0000
 

ff0000
red

003300
 

333300
 

663300
 

993300
 

cc3300
 

ff3300
 

006600
 

336600
 

666600
 

996600
 

cc6600
 

ff6600
 

009900
 

339900
 

669900
 

999900
 

cc9900
 

ff9900
 

00cc00
 

33cc00
 

66cc00
 

99cc00
 

cccc00
 

ffcc00
 

00ff00
lime

33ff00
 

66ff00
 

99ff00
 

ccff00
 

ffff00
yellow

000033
 

330033
 

660033
 

990033
 

cc0033
 

ff0033
 

003333
 

333333
 

663333
 

993333
 

cc3333
 

ff3333
 

006633
 

336633
 

666633
 

996633
 

cc6633
 

ff6633
 

009933
 

339933
 

669933
 

999933
 

cc9933
 

ff9933
 

00cc33
 

33cc33
 

66cc33
 

99cc33
 

cccc33
 

ffcc33
 

00ff33
 

33ff33
 

66ff33
 

99ff33
 

ccff33
 

ffff33
 

000066
 

330066
 

660066
 

990066
 

cc0066
 

ff0066
 

003366
 

333366
 

663366
 

993366
 

cc3366
 

ff3366
 

006666
 

336666
 

666666
 

996666
 

cc6666
 

ff6666
 

009966
 

339966
 

669966
 

999966
 

cc9966
 

ff9966
 

00cc66
 

33cc66
 

66cc66
 

99cc66
 

cccc66
 

ffcc66
 

00ff66
 

33ff66
 

66ff66
 

99ff66
 

ccff66
 

ffff66
 

000099
 

330099
 

660099
 

990099
 

cc0099
 

ff0099
 

003399
 

333399
 

663399
 

993399
 

cc3399
 

ff3399
 

006699
 

336699
 

666699
 

996699
 

cc6699
 

ff6699
 

009999
 

339999
 

669999
 

999999
 

cc9999
 

ff9999
 

00cc99
 

33cc99
 

66cc99
 

99cc99
 

cccc99
 

ffcc99
 

00ff99
 

33ff99
 

66ff99
 

99ff99
 

ccff99
 

ffff99
 

0000cc
 

3300cc
 

6600cc
 

9900cc
 

cc00cc
 

ff00cc
 

0033cc
 

3333cc
 

6633cc
 

9933cc
 

cc33cc
 

ff33cc
 

0066cc
 

3366cc
 

6666cc
 

9966cc
 

cc66cc
 

ff66cc
 

0099cc
 

3399cc
 

6699cc
 

9999cc
 

cc99cc
 

ff99cc
 

00cccc
 

33cccc
 

66cccc
 

99cccc
 

cccccc
 

ffcccc
 

00ffcc
 

33ffcc
 

66ffcc
 

99ffcc
 

ccffcc
 

ffffcc
 

0000ff
blue

3300ff
 

6600ff
 

9900ff
 

cc00ff
 

ff00ff
fuchsia

0033ff
 

3333ff
 

6633ff
 

9933ff
 

cc33ff
 

ff33ff
 

0066ff
 

3366ff
 

6666ff
 

9966ff
 

cc66ff
 

ff66ff
 

0099ff
 

3399ff
 

6699ff
 

9999ff
 

cc99ff
 

ff99ff
 

00ccff
 

33ccff
 

66ccff
 

99ccff
 

ccccff
 

ffccff
 

00ffff
aqua

33ffff
 

66ffff
 

99ffff
 

ccffff
 

ffffff
white

Colors can be defined in the RGB numbering scheme. Each of the RGB can contain 256 variations. The numbering scheme ranges from 0,0,0 to 255,255,255. However, you must represent them in hexadecimal (Base16). So, they range from 0,0,0 to ff,ff,ff. Not very user friendly. Here's how you can convert to decimal (Base10).

The mathematics of the hexadecimal system works this way:
You count to fifteen (using A,B,C,D,E,F for 10,11,12,13,14,15):

Base100 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Base160 1 2 3 4 5 6 7 8 9 A B C D E F

Now when you get to 1610, you start in the "tenths" column. Hence, 1610=1016. So counting from 1610 to 3210 looks like this:

Base1016 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
Base1610 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F 20

So what does 1216 and 1D16 mean? Think of the rightmost number/letter as the units column and the leftmost number letter as the tenths column. But isn't that what they are? No. They are really the units and sixteenths columns.
1216 = 1x161 + 2x160 = 1x16 + 1x1 = 16 + 1 = 17
1D16 = 1x161 + Dx160 = 1x16 + Dx1 = 16 + 13 = 29
A216 = Ax161 + 2x160 = Ax16 + 2x1 = 160 + 2 = 162