Color Selection This For/Background Color Selector helps us quickly see how various background and font colors look with each other. ColorHunter: Get color numbers from a photo's URL.

Topics this page: RGB My Eye Color Names Browser Safe Colors Complementary Colors Opposite Colors Color Pickers Programming Color Your comments???

Site Map About this site Enter your search terms Submit search form Web   WilsonMar.com

(Useless) assigned Color Name: 

Red

Green

Blue

Hex 6:

Hue

Sat.

Lum.

White - #FFFFFF Alice Blue - #F0F8FF Antique White - #FAEBD7 Aqua - #00FFFF - CSS1 Aquamarine - #7FFFD4 Azure - #F0FFFF Beige - #F5F5DC Bisque - #FFE4C4 Black - #000000 - CSS1 BlanchedAlmond - #FFEBCD Blue - #0000FF - CSS1 Blue-Violet - #8A2BE2 Brown - #A52A2A Burlywood - #DEB887 Cadet Blue - #5F9EA0 Chartreuse - #7FFF00 Chocolate - #D2691E Coral - #FF7F50 Cornflower Blue - #6495ED Cornsilk - #FFF8DC Crimson - #DC143C Cyan - #00FFFF Dark Blue - #00008B Dark Cyan - #008B8B Dark Goldenrod - #B8860B Dark Gray - #A9A9A9 Dark Green - #006400 Dark Khaki - #BDB76B Dark Magenta - #8B008B Dark Olive-Green - #556B2F Dark Orange - #FF8C00 Dark Orchid - #9932CC Dark Red - #8B0000 Dark Salmon - #E9967A Dark Sea Green - #8FBC8F Dark Slate Blue - #483D8B Dark Slate Gray - #2F4F4F Dark Turquoise - #00CED1 Dark Violet - #9400D3 Deep Pink - #FF1493 Deep Sky Blue - #00BFFF Dim Gray - #696969 Dodger Blue - #1E90FF Firebrick - #B22222 Floral White - #FFFAF0 Forest Green - #228B22 Fuchsia - #FF00FF - CSS1 Gainsboro - #DCDCDC Ghost White - #F8F8FF Gold - #FFD700 Goldenrod - #DAA520 Gray - #808080 - CSS1 Green - #008000 - CSS1 Green-Yellow - #ADFF2F Honeydew - #F0FFF0 Hot Pink - #FF69B4 Indian Red - #CD5C5C Indigo - #4B0082 Ivory - #FFFFF0 Khaki - #F0E68C Lavender - #E6E6FA Lavender-Blush - #FFF0F5 Lawn Green - #7CFC00 Lemon Chiffon - #FFFACD Light Blue - #ADD8E6 Light Coral - #F08080 Light Cyan - #E0FFFF Light Goldenrod Yellow - #FAFAD2 Light Green - #D3D3D3 Light Grey - #90EE90 Light Pink - #FFB6C1 Light Salmon - #FFA07A Light Sea Green - #20B2AA Light Sky Blue - #87CEFA Light Slate Gray - #8470FF Light Steel Blue - #778899 Light Yellow - #FFFFE0 Lime - #00FF00 Lime-Green - #32CD32 Linen - #FAF0E6 Magenta - #FF00FF Maroon - #800000 Medium Aquamarine - #66CDAA Medium Blue - #0000CD Medium Orchid - #BA55D3 Medium Purple - #9370D8 Medium Sea Green - #3CB371 Medium Slate Blue - #7B68EE Medium Spring Green - #00FA9A Medium Turquoise - #48D1CC Medium Violet-Red #C71585 Midnight Blue - #191970 Mint Cream - #F5FFFA Misty Rose - #FFE4E1 Moccasin - #FFE4B5 Navajo White - #FFDEAD Navy - #000080 Old Lace - #FDF5E6 Olive - #808000 Olive Drab - #6B8E23 Orange - #FFA500 Orange Red - #FF4500 Orchid - #DA70D6 Pale Goldenrod - #EEE8AA Pale Green - #98FB98 Pale Turquoise - #AFEEEE Pale Violet-Red - #D87093 Papaya Whip - #FFEFD5 Peach Puff - #FFDAB9 Peru - #CD853F Pink - #FFC0CB Plum - #DDA0DD Powder Blue - #B0E0E6 Purple - #800080 Red - #FF0000 Rosy Brown - #BC8F8F Royal Blue - #4169E1 Saddle Brown - #8B4513 Salmon - #FA8072 Sandy Brown - #F4A460 Sea Green - #2E8B57 Seashell - #FFF5EE Sienna - #A0522D Silver - #C0C0C0 Sky Blue - #87CEEB Slate Blue - #6A5ACD Slate Gray - #708090 Snow - #FFFAFA Spring Green - #00FF7F Steel Blue - #4682B4 Tan - #D2B48C Teal - #008080 Thistle - #D8BFD8 Tomato - #FF6347 Turquoise - #40E0D0 Violet - #EE82EE Wheat - #F5DEB3 White - #FFFFFF White Smoke - #F5F5F5 Yellow - #FFFF00 Yellow-Green - #9ACD32

This is similar to bgColor module source for igoogle homepages.

Color My Eye 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. Printer ink on magazines 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. HTML uses "additive" color values specified by the properties of light emitted from LCD monitors or gases Color Name r,g,b Hex 6 Hex 3 Sample *Black (CSS1) 黝 0,0,0 #000000 #000   Dark Slate Gray 49,79,79 #2f4f4f -   none 51,51,51 #333333 #333   none 102,102,102 #666666 #666   Dim Gray 105,105,105 #696969 -   Slate Gray 112,138,144 #708090 -   Light Slate Gray 119,136,153 #778899 -   "Normal" *Gray (CSS1) 128,128,128 #808080 -   none 153,153,153 #999999 #999   *Silver (CSS1) 192,192,192 #C0C0C0 -   Light Gray 211,211,211 #d3d3d3 -   Gainsboro 220,220,220 #dcdcdc -   *White (CSS1)  256,256,256 #FFFFFF #FFF   RGB Grayness Black is the absence of light shining, so it's specified with zeros. White () light contains the maximum value of all three colors. "Normal" gray () has equal amounts of all three primary colors at 50%, represented as decimal 128 or hex 80. 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. Alternately, multiply the first hex digit by 255 to convert it to decimal. RGB coloring is specified in Cascading Style Sheet coding one of several ways: color: rgb(255,255,255); // 3 decimals 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. 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.

Color Names % Decimal Hex    100% 255 xFF *Red #FF0000 *Lime #00FF00 *Blue #0000FF  75% 192 xC0 #C00000 #00C000 #0000C0  69% 176 xB0 #B00000 #00B000 #0000B0  60% 153 x99 #990000 #009900 #000099  50% 128 x80 *Maroon #800000 *Green #008000 *Navy #000080  25%  64 x40 #400000 #004000 #000040  20%  51 x33 #330000 #003300 #000033 However, the W3C CSS1 standard has assigned only 16 names: black, gray, silver, white Less Saturated primary colors red, lime, blue More saturated primary colors maroon, green, navy Less saturated complementary colors aqua, fuchsia, and yellow. More saturated complementary colors olive, purple, teal. The CSS1 color name "green" is not as saturated as the CSS1 color name "lime". "Orange" was added in CSS2.1. Do not use these 147 proprietary color names introduced with X11, then adopted by only Internet Explorer/Opera, then lately by SVG and CSS3. Select a color number and curson down/up to set different background colors. Click a gray button to convert. "Browser Safe" Hex Colors > From GREEN to BLUE > F r o m G R E E N t o R E D > From RED to BLUE > Generated by Javascript (instead of static HTML as in this page of 4096 these Hex 3 colors). This 6x6x6 table of color codes on the left displays the 216 "browser safe" color pallette for use on older (v4) internet browsers running on older computers which were only able to support 256 different colors. This palette was first published by Lynda Weinman, who notes that, since 2004, most monitors and browsers can handle more complex colors without "dithering". However, browsers on wireless devices (PDAs and cell phones) are again starting at version 4! Click on the color number to obtain a list of complementary colors from the amazing Netspade site by Jason Davies. Kelly Martin's Colorspace Explorer (Lab colorspace, version 3.04) and Cooperative Color Naming System. A good rule of thumb is to take your background colour and compute Y = 0.3R + 0.59G + 0.11B. If Y exceeds 0.5, use black foreground text, otherwise use white." Color Scheme Calculator calculates triad, complementary, analogous, and split complementary colours, plus saturation and lightness variations. Also converts the given colour to RGB and HSL. The advantage of using HSL is that when you keep the brightness and saturation level constant, you will select colors that go well with each other. Bob Power's example. Freeware Eltima Absolute client program doesn't display HSL in percentage, but it's nonetheless a useful color scheme generator, color history builder, color scheme management system, and screen color grabber. Formulas to convert between color space schemes are defined in the book Fundamentals of Interactive Computer Graphics by Foley and van Dam (c 1982, Addison-Wesley). Eric Meyer's Color Blend online tool Many ways to select colors by Lisa Irby   Complementary Colors By definition, complementary colors have equal amounts of two colors: Red Green Blue Bounces Color Name Absorbs 00 FF FF green and blue Cyan/*Aqua red FF 00 FF red and blue Magenta/*Fuchia green FF FF 00 red and green *Yellow 黄 blue Cyan, magenta, and yellow — abbreviated as "CMY" — are also called "secondary" colors. Less saturated complementary colors: Red Green Blue Bounces Color Name Absorbs 00 80 80 green and blue *Teal red 80 00 80 red and blue *Purple 紫 green 80 80 00 red and green *Olive blue To obtain complement to a specific color, merely calculating the remainder from 255 or FF doesn't work for all colors. It's more reliable to first convert the number to the number of HSL Hue degrees and add or subtract 180 degrees. Color Range These 24 colors are "evenly spaced" — using FF/00, 80/80 (50%/50%), 40/C0 (75%/25%) — and arranged in two rows that are opposite each other. For example, red on the first line is opposite cyan on the second line. *red FF0000 Hue 0 coral FF4000 Hue 15 orange FF8000 Hue 30 tangerine FFC000 Hue 45 *yellow FFFF00 Hue 60 peridot C0FF00 Hue 75 80FF00 Hue 90 40FF00 Hue 105 *lime 00FF00 Hue 120 00FF40 Hue 135 00FF80 Hue 150 mint 00FFC0 Hue 165 *aqua/ cyan 00FFFF Hue 180 sky 00C0FF Hue 195 azure 0080FF Hue 210   0040FF Hue 225 *blue 0000FF Hue 240 royal 4000FF Hue 255 violet 8000FF Hue 270 plum C000FF Hue 285 *fuchia/ Magenta FF00FF Hue 300 berry FF00C0 Hue 315 pink FF0080 Hue 330 cherry FF0040 Hue 345 The left-to-right arrangement of these 24 colors reflect the sequence of optical light wavelengths along the electro-magnetic spectrum range from red (longer 780 nanometers) to violet (shorter 380 nm). The Microsoft Windows system (and MSPaint) converts RGB to HSL incorrectly. HSL Color Pickers The vertical slider at the right specifies the "luminosity" value used in the "HSL" color system, where HSL stands for Hue, Saturation, and Lightness/Luminosity, Some use the word "Brightness" instead of "Luminosity" for "HSB", a color system defined in 1978 by A. R. Smith. This system is used by Apple computers and the GIMP graphics program. A function in the new CSS3 standard implemented so far only by newer Gecko-based browsers (Mozilla, Firebird/Firefox, K-Meleon) use HSL/HSB: color: hsl( 84, 60, 44 );       "84" in the first parameter above is for "Hue", expressed as the number of degrees of a circle, a non-linear deformation of the RGB color space: red at the 0°/360 position; green at 120° blue at 240° Arranging the range of colors in a circle makes opposite colors intuitively easy to identify. "60" in the second parameter is the saturation percent, a measure of color "purity" — from 100% brightness down through pastels to 0% for gray. This is selected by the vertical position of the mouse in the GUI. "44" in the third parameter is the Luminosity / Lightness percent (100% is white, 0% is black, 50% is for "normal"/"pure" color). HSL is "symmetrical" to lightness and darkness, Unlike the HSV system. Macromedia Studio, Paint Shop Pro, Inkscape (starting from version 0.42) are all supporting HSL, as are photospectrometers which measure colors. Microsoft Color Pickers The hexagon in Microsoft's "Standard" Color Picker seen in Visio 2002, Word 2003, etc. are not intuitive. Unlike other color picker interfaces, pure colors are not in a corner: red is the 2nd row up from the bottom onhex in from the right. blue is the from the left/right outer ring or 2nd from the top/bottom hex. green I don't know All colors use a combination of "browser safe" values 255 (xFF) - 204 (xCC) - 153 (x99) - 102 (x66) - 51 (x33) - 0. Even less intuitive are the color numbers used by VBScript recorded of actions in Excel 2003 to Format Data Series:   Color Wheels The honeycomb color wheel of 216 colors from Visibone, is available as a poster. This color picker from Allscoop suggests web-safe, web-smart, and unsafe RGB color numbers as you mouse over. The color wheel of six conical regions by the (now-obsolete Ascensionware) by Daniel Prust allows you to click and hold down the left mouse button to gradually add color:   Among the many tools to help you pick colors: Doug's Color Picker shows you how a page looks with background, foreground, and other colors you select from his menu of colors. Sandeep Gangadharan uses this palette: Rich Franzen's Color Wheel uses a Java applet to select Saturation, Intensity, and Hue Color Pickers Pete's Color pages wColorMatters.com Tentacles shows the number on a grid. 1728 uses mouse rollover effects. Principles of Color Design (Wiley; September 26, 1996) by Wucius Wong is the classic introduction to making effective use of color. Interaction of Color, Revised Edition (Yale University Press, 1975) by Josef Albers by Marianne: Pastel tones - pink to yellow Pastel tones - lavender, moss green, rust Darker pastel tones - blue, green, gold Grey, brown, orange, and flesh tones Gem tones - lapis lazuli, amethyst, garnet Gem tones - aquamarine, emerald, jade   Victor Engel gives you the color codes and sample coding for where your mouse points on his honeycomb color map:   WellStyled.com has the most features.   Availability of Colors Artists who use pigment paints create colors by mixing a limited number of tubes of paint. Donald A. Jusko's "Real Color Wheel" has white dots for colors which can be reproduced this way Other Alternatives to Specify Color HSV (Hue, Saturation, Value), also call HSB (with B for Brightness). RGB to HSV conversion algorithms 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. 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. Programming to Specify Color CSS Scrollbar Color Changer generates CSS for colors picked. The following HTML example specifies a page with a white background, black text, blue links, and red visited links: <BODY bgcolor="#FFFFFF" TEXT="#OOOOOO" Alink="#0000FF" link="#0000FF" Vlink="#FF0000"> Type of link HTML <body> Attribute Javascript Property CSS Class { Property Object Model Property Java method Background image BACKGROUND= . BACKGROUND-IMAGE: url('x.gif'); backgroundImage . Background color BGCOLOR bgColor BACKGROUND-COLOR backgroundColor setBackground Foreground color (of text) FGCOLOR fgColor color: #dda0dd color: rgb(0,0,255) . setColor The color of unvisited link text link= linkColor a:link { The (temporary) color of active link text Alink= alinkColor a:active { The color of visited link text Vlink= vlinkColor a:visited { text where mouse hovers - - a:hover { Border color (also Style and Width) . . border-color border-top-color border-bottom-color border-left-color border-right-color borderColor borderTopColor borderBottomColor borderLeftColor borderRightColor The Java coding to change the color to one of the standard colors using a method from the JDE package java.awt.Color: g.setColor( Color.blue ); g.drawString( ... ); Lloyd Dalton shows you Javascript coding for Color select control. Digging deeper... Radio, microwave, and infra-red waves have longer wavelengths than visible light. Longer wavelengths are used to carry communications signals because they penetrate the atmosphere better at less energy than shorter (but higher energy) rays such as Ultra-Violet (UV), x-ray, and gamma rays. Differences in wavelength energy is why colors can be refracted apart (chromatic dispersed) by a prism or in a rainbow. “It shall be, when I bring a cloud over the earth, that the rainbow shall be seen in the cloud; I will remember My covenant which is between Me and you and every living creature of all flesh; the waters shall never again become a flood to destroy all flesh.” —Genesis 9:13-16 (NKJV) “I saw still another mighty angel coming down from heaven, clothed with a cloud. And a rainbow was on his head ...” —Revelation 10:1 (NKJV) Portions ©Copyright 1996-2010 Wilson Mar. All rights reserved. | Privacy Policy | Last updated Related: Website Development HTML Coding Your rating of this page: Low High Your comments on this topic, please: Publish this comment publicly Your first name: Your family name: Your location (city, country): Your Email address:  Email me updates   Top of Page Thank you!