This For/Background Color Selector helps us quickly see how various background and font colors look with each other.
Topics this page:
|Color Name:||Red||Green||Blue||Hex 6:||Hue||Sat.||Lum.||
Google uses bold, primary colors in its corporate logo.
Different cultures have different positive and negative associations with each color:
|Red||energy, power, vigor, leadership, courage, passion, activity, joy, highly visible||danger, evil, anger, blood|
|Green||wealth, money, calming, trees, ambition, endurance, healing, calm, generosity, natural, completion||protection, envy, jealousy, immaturity|
|Blue||ecurity, trustworthy, stability, loyalty, wisdom, trust, friendliness, preservation, courage, science||sadness, depression, cold, immoral, stai|
|Orange||cheerful, passion, pleasure, enthusiasm, fascination, creativity, fun||frivolous, flamboyant, crass, low Class|
|Yellow||optimism, childish, freshness, law, education||arrogance, cowardice, illness, betrayal|
|Purple||magic, mystery, spirituality, the sub-conscious, creativity, dignity, royalty,||mourning, cruelty, arrogance, conceit|
|Black||powerful, mysterious, elegance, sophistication, functionality||death, morbid, plague, aloof|
From ANSI/AAMI (2009) at Elizabeth Allen
|Red||United States||Stop (danger) at traffic lights: high priority alert; Christmas when combined with green; love (Valentine's Day) when combined with pink.|
|Eastern cultures||With white, signifies joy||China||Symbolizes celebration and luck: used in cultural ceremonies ranging from funerals to weddings|
|India||Purity; used in wedding outfits|
|Green||China||Not a good color choice for packaging: green hats mean a man's wife is cheating on him|
|France||Not a good color choice for packaging|
|India||The color of Islam|
|Blue||China||Associated with immorality|
|Columbia||Associated with soap|
|Hinduism||The color of Krishna|
|Middle East||Protective color|
|Orange||Holland||Color of the Royal Family|
|Ireland||Religious significance (Protestant)|
|Western cultures||Joy or happiness; intermediate-priority alert (caution); continue but caution, stop if possible (traffic lights)|
The human eye recognizes color using three kinds of photoreceptor cone cells, each sensing a different band of light — Red, Green, and Blue (abbreviated as "RGB"). These are called the three "basic" colors.
This is different than primary colors, which are red, blue, and yellow.
HTML uses "additive" color values specified by the properties of light emitted from LCD monitors which produce color by electrifying various gases .
Black is the absence of light shining, so it's specified with zeros.
White light contains the maximum value of all three colors. This is why some mobile phone users use a black background to preserve battery life.
"Normal" gray has equal amounts of all three primary colors at 50%, represented as decimal 128 (hex 80), which is midway to the maximum 256.
Each 8-bit hex digit can have one of 16 values (from 0 through 9,A,B,C,D,E,F).
So divide a decimal number by 16 for the first hex digit.
Divide the remainder by 16 for the second hex digit.
RGB coloring is specified in Cascading Style Sheet coding one of several ways:
color: #FFFFFF; // hex triplet
color: #FFF; // hex shortcut
3-digit hex shortcuts are automatically converted by browsers doubling each digit such that #678 = #667788. Although more compact, they cannot be used to identify colors with non-repeating color values such as #ACD257.
This Gimp tutorial on grayscale describes and compares different techniques on how to turn color photos into grayscale.
Since the maximum value of each hex "FF" is equivalant to decimal value 256, the RGB color space has 256*256*256 or 16,777,216 possible colors, while most humans can distinguish a gamut of about 10 million different colors.
TOOL: Color Contrast Check allows users to specify a foreground and a background colour to determine if there is enough of a difference between them in brightness and contrast for someone having color deficits or when viewed on a black and white screen.
TOOL: Contrast Ratio Calculator at MSF&W recommends whether use use white or black fonts over typical background colors based on this formula:
Pantone is a proprietary naming system (color space) the company uses to ensure accurate color on a variety of mediums (ink, paint, plastics, etc.). Their fan book has 1,757 numbered swatches of color.
Printing ink on paper use a color model called CMYK for the Cyan, Magenta, Yellow, and blacK pigments that are blended to absorb light reflecting off the media. This is called "subtractive" Image Mode in Photoshop.
The Real Color Wheel (for printers, anyway). "In the sky cyan gets darker through blue."
White dots are colors which, as of 2012, cannot be reproduced. But advances in chemistry over time will change that.
HSV (Hue, Saturation, Value), also call HSB (with B for Brightness).
TOOL: Coolors.com provides a nice color picker web page featuring a HSB slider.
RGB to HSV conversion algorithms are available.
HIE (hue, luminosity, and psychometric saturation)
SIH (Saturation, Intensity, and Hue)
The International Commission on Lighting (abbreviated CIE from its French name Commission Internationale de l'Êclairage) is the body responsible for international recommendations for photometry and colorimetry. In 1931 it defined the CIELAB (CIE L*a*b*) color space where the same distance within the space represent approximately equal color difference. Variables L*, a* and b* are plotted at right angles to one another.
The yellowish background on this website is R 255, G 255, B 200 (#ffffc8), which I use because it's supposed to be the most relaxing background for the human eye, according to some random website I've long forgotten about.
Historically, the W3C CSS1 standard assigned only 16 names:
Color names of course reflect nature: