=20==21==22==23==24==25==26==27==28==29==30==31==32==33==34==35==36==37=
=1==2==3==4==5==6==7==8==9==10==11==12==13==14==15==16==17==18==19=
| 1=#99EE00 2=#BBFF00 3=#DDFF00 4=#FFFF00 5=#FFDD00 6=#FFBB00 |
7=#FF9900 8=#FF7700 9=#FF5500 10=#EE3300 11=#EE1100 |
12=#DD0000 13=#DD0033 14=#CC0055 15=#CC0077 16=#BB0077 |
17=#990099 18=#7700BB 19=#5500DD 20=#3300DD 21=#1100EE |
22=#0000FF 23=#0011EE 24=#0033EE 25=#0055CC 26=#0077AA |
27=#009999 28=#00BB77 29=#00CC55 30=#00DD33 31=#00EE11 |
32=#00FF00 33=#22FF00 34=#44FF00 35=#66FF00 36=#88FF00 37=#AAFF00 |
||
|
Some of the numbers in charcoal boxes above tend to blur against light backgrounds; some of the numbers in white boxes become indistinct against dark backgrounds.
| ||||||||
| In the table below,the "formula" links popup a small window with explanation of the RGB code of each color and how to adjust it. The color names with links (underlined) will go to a color chart with a range of colors and their RGB numbers. Below the table and its explanation are links for "grayscales" of colors, good for background colors as well as those better for foreground (letters) colors. | ||||||||
| White = "#ffffff" formula |
Light gray/silver = "#bbbbbb" formula |
Charcoal = #444444 formula |
Black = #000000 formula |
1-#FF0000 Red formula |
||||
| 2-#FF0088 Rose formula |
3-#FF00FF Violet formula |
4-#8800FF Purple formula |
5-#0000FF Blue formula |
6- #0078FF Sky blue formula |
7-#00FFFF Aqua formula |
8-#00FF78 Turquoise formula |
9-#00FF00 Green formula |
10-#88FF00 Yellow-green formula |
| 11-#FFFF00 Yellow formula |
12-#FF8000 Orange formula |
13-#FF4400 Red-Orange formula |
14-#221100 Dark Brown formula |
15-#663300 Medium Brown formula |
16-#EEAA55 Light Brown formula |
17-#FFCCAA Pale Brown formula |
18-#EED000 Bright Gold formula |
19-#BFAA9F Pale Mud Brown formula |
| In traditional artist's terms, with red, yellow, and blue the primary colors, colors on the opposite side of the color wheel are complementary to each other, or opposites in plain speech. However, in the computer world of hexidecimal RGB (Red Green Blue) colors, the opposites are not the same, because the primary colors are not the same. For instance, traditionally blue and yellow make green. In RGB, however, red and green make yellow, because green is one of the primaries, not yellow. And half as much green as red makes orange. Click on any of the linked colors above to see a chart of colors/hexidecimal RGB numbers of the color and its hexidecimal opposite. The formula link opens a popup box with explanations of how to manipulate the formula of each color to achieve similar shades/tints/hues. | ||||||||
| Go to Tinting Strengths (Fading colors, good for backgrounds) |
16-Step Gray Scale with primary color gray scales |
Go to Shading Strengths (Darkening colors, good for fonts) |
||||||
![]() colorbarshB10.gif (1 pixel transparent margin) | ![]() colorbarshB.gif (1 pixel transparent margin) |
||||||
![]() colorbarX3a.gif (1 pixel transparent margin) |
![]() colorbartall14.gif (transparent margin) Other vertical bars |
||||||
![]() colorbar24x20.gif (animated with 1 pixel transparent margin) |
|||||||
![]() colorbar24x10.gif (animated with 1 pixel transparent margin) |
|||||||
![]() colorbarX3e.gif (1 pixel transparent margin) |
|||||||
![]() colorbar2X3e.gif (1 pixel transparent margin) |
|||||||
![]() colbarX33.gif (animated with 1 pixel transparent margin) |
|||||||
azrainbow0.gif (1766 x 8)(1 pixel transparent margin) |
azrainbowA10h.gif (1767 x 8)(animated with 1 pixel transparent margin; 1 frame per 1/10 second) |
azrainbowA20h.gif (1767 x 8)(animated with 1 pixel transparent margin; 1 frame per 1/5 second) |
azrainbow0NUM.gif (1766 x 48)(1 pixel transparent margin; RGB colors for colors at odd intervals) |
![]() blyecolorbarA.gif (371x14) (1 pixel transparent margin) |
![]() bluyelcolorbar1.gif (371x14) (animated with 1 pixel transparent margin) |
||||||
![]() blyecolorbarB.gif (371x14) (1 pixel transparent margin) |
|||||||
![]() blyecolorbarB.gif (371x14) (1 pixel transparent margin) |
|||||||
![]() blyecolorbarBalt.gif (371x14) (1 pixel transparent margin) |
|||||||
| Created by Steve R. Morris |
20010824/modified 200207/200311/200405/20050923/20060710/061130/061204/20070130/20071031 Morris' Home Page |
||||||
| Steve Morris' Home Page | FIU Library Page | Graphics Index | Main Graphics Page |
| This page created and maintained by Steve Morris,
Business & Legal Research Specialist, Reference & Instructional Services Dept. Steven & Dorothea Green Library Florida International University Miami, FL 33199 |
|