X11 color names
Template:Short description
In computing, on the X Window System, X11 color names are represented in a simple text file, which maps certain strings to RGB color values. It was traditionally shipped with every X11 installation, hence the name, and is usually located in <X11root>/lib/X11/rgb.txt
. The web colors list is descended from it but differs for certain color names.<ref>Template:Cite news</ref>
Color names are not standardized by Xlib or the X11 protocol. The list does not show continuity either in selected color values or in color names, and some color triplets have multiple names. Despite this, graphic designers and others got used to them, making it practically impossible to introduce a different list. In earlier releases of X11 (prior to the introduction of Xcms), server implementors were encouraged to modify the RGB values in the reference color database to account for gamma correction.<ref>Template:Cite book</ref>
As of X.Org Release 7.4 rgb.txt is no longer included in the roll up release,<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> and the list is built directly into the server.<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> The optional module xorg/app/rgb contains the stand-alone rgb.txt file.
The list first shipped with X10 release 3 (X10R3) on 7 June 1986, having been checked into RCS by Jim Gettys in 1985.<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> The same list was in X11R1 on 18 September 1987. Approximately the full list as is available today shipped with X11R4 on 29 January 1989, with substantial additions by Paul Ravelling (who added colors based on Sinclair Paints samples), John C. Thomas (who added colors based on a set of 72 Crayola crayons he had on hand) and Jim Fulton (who reconciled contributions to produce the X11R4 list). The project was running DEC VT240 terminals at the time, so would have worked to that device.<ref name=w3-2014>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref>
In some applications multipart names are written with spaces, in others joined together, often in camel case. They are usually matched insensitive of case and the X Server source code contains spaced aliases for most entries; this article uses spaces and uppercase initials except where variants with spaces are not specified in the actual code.
Clashes between web and X11 colors in the CSS color schemeEdit
The first versions of Mosaic and Netscape Navigator used the X11 colors as the basis for the web colors list, as both were originally X applications. The W3C specifications SVG and CSS level 3 module Color eventually adopted the X11 list with some changes.<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> The present W3C list is a superset of the 16 "VGA colors" defined in HTML 3.2 and CSS level 1.
One notable difference between X11 and W3C is the case of "Gray" and its variants. In HTML, "Gray" is specifically reserved for the 128 triplet (50% gray) Template:Color sample. However, in X11, "gray" was assigned to the 190 triplet (74.5%) Template:Color sample, which is close to W3C "Silver" at 192 (75.3%) Template:Color sample, and had "Light Gray" at 211 (83%) Template:Color sample and "Dark Gray" at 169 (66%) Template:Color sample counterparts. As a result, the combined CSS 3.0 color list that prevails on the web today produces "Dark Gray" Template:Color sample as a significantly lighter tone than plain "Gray" Template:Color sample, because "Dark Gray" was descended from X11 – for it did not exist in HTML nor CSS level 1<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> – while "Gray" was descended from HTML. Even in the current draft for CSS 4.0, dark gray continues to be a lighter shade than gray.<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> Some browsers such as Netscape Navigator insisted on an "a" in any "Gray" except for "Light Grey".
Recent X releases (since 2014, xorg-rgb version 1.0.6)<ref>{{#invoke:citation/CS1|citation |CitationClass=web }}</ref> also support the W3C definitions. In X11, the original definitions have been preserved (so "Dark Gray" remains a darker shade of "Gray"), but for every conflicting name pair, "Web" and additional "X11" prefixes have been added to ease disambiguation after the merger. The "X11" prefix is an alias for the non-prefixed version, i.e. "X11 Gray" = "Gray" ≠ "Web Gray". The W3C also defined a color that is equal to X11's "Green", but called it "Lime". In X11, this is simply called "Lime", as no such name existed before. It aliases to "Green", i.e. "Lime" = "Green" = "X11 Green" ≠ "Web Green".
Color name | X11 color | W3C color | ||||||||
---|---|---|---|---|---|---|---|---|---|---|
Hex | Red | Green | Blue | Sample | Sample | Hex | Red | Green | Blue | |
Gray | #BEBEBE | 75% | 75% | 75% | #808080 | 50% | 50% | 50% | ||
Green | #00FF00 | 0% | 100% | 0% | #008000 | 0% | 50% | 0% | ||
Maroon | #B03060 | 69% | 19% | 38% | #800000 | 50% | 0% | 0% | ||
Purple | #A020F0 | 63% | 13% | 94% | #800080 | 50% | 0% | 50% |
W3C nameTemplate:Efn | Color | X11 name | |||||
---|---|---|---|---|---|---|---|
Hex | Red | Green | Blue | Sample | |||
Lime<ref name="html4col">{{#invoke:citation/CS1|citation | CitationClass=web
}}</ref> |
#00FF00 | 0% | 100% | 0% | Green | |
Fuchsia<ref name="html4col"/> | #FF00FF | 100% | 0% | 100% | Magenta | ||
Aqua<ref name="html4col"/> | #00FFFF | 0% | 100% | 100% | Cyan |
Color name chartEdit
The following chart presents the standardized X11 color names from the X.org source code.<ref>Current official rgb.txt
from the X.org source tree at Freedesktop.org</ref> The list of names accepted by browsers following W3C standards<ref>{{#invoke:citation/CS1|citation
|CitationClass=web
}}</ref> slightly differs as explained above. The table does not show numbered gray and brightness variants as described below. Actual rgb.txt
files and other color databases or palettes may differ since they are freely editable by vendors and users. The table shows component values in several notations of the RGB color space, with conversions to HSL and HSV assuming sRGB color space.
Template:Colort Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color
{{safesubst:#if:|||} }}{{safesubst:#invoke:Check for unknown parameters|check|unknown=Template:Main other|preview=Page using Template:End with unknown parameter "_VALUE_"|ignoreblank=y| html | 1 }}
Color variationsEdit
Shades of grayEdit
The complete rgb.txt
defines 101 shades from 'Gray0' (black) up to 'Gray100' (white) in addition to 'Gray' and its variants listed above. The shades are apparently defined by the formula GrayN := round(N% × 255)
resulting in e.g. 'Gray96' Template:Color sample, which happens to be the same as 'White Smoke'. Similarly 'Dim Gray' is the same as 'Gray41' Template:Color sample.
On the other hand, 'Gray' Template:Color sample lies between 'Gray74' Template:Color sample and 'Gray75' Template:Color sample; 'Dark Gray' Template:Color sample is not the same as 'Gray66' Template:Color sample; and 'Light Gray' Template:Color sample is not the same as 'Gray83' Template:Color sample.
These shades are not included in W3C specifications, although drafts for level 4 of the CSS Color module include a similar function gray()
.
They are still coded without 'Grey' alternatives, but with no space before the digit.
Numbered variantsEdit
For 78 colors (not counting grays), rgb.txt
offers four variants "color1", "color2", "color3", and "color4", with "color1" sometimes corresponding to "color", so e.g. "Snow1" is the same as "Snow". Unlike base colors, e.g. cadet blue
and CadetBlue
, these are only coded without spaces, e.g. CadetBlue3
. These variations are neither supported by popular browsers nor adopted by W3C standards. Whether or not a certain color has such variants seems random.
If "color1" is not the same as "colorTemplate:-", the base color is usually darker. That means its brightness in HSB color notation is less than 100%; about 30 of the base colors are fully bright. The four variants (1...4) have rounded brightness values of 100%, 93%, 80% and 55%, respectively. Their hue and saturation are usually the same except for rounding. In some cases they differ from the base color, though, which may indicate that these variants were specified with alternate definitions of the bases in mind, i.e. their values were adapted to a certain monitor which was commonly done by vendors until the 1990s.
The fixed brightness settings correspond closely to these formulae to determine the RGB values:
Template:In5color1 := color × 100%
Template:In5color2 := color1 × 93.2%
Template:In5color3 := color1 × 80.4%
Template:In5color4 := color1 × 54.8%
Examples:
- Template:Color sample "Yellow 2" (238, 238, 0) is based on Template:Color sample "Yellow" (255, 255, 0) with 255 × 0.932 = 237.66.
- Template:Color sample "Ivory 3" (205, 205, 193) is explained by Template:Color sample "Ivory" (255, 255, 240) where 255 × 0.804 = 205.02 and 240 × 0.804 = 192.96.
- Template:Color sample "Azure 4" (131, 139, 139) is close to Template:Color sample "Azure" (240, 255, 255) values transformed as 255 × 0.548 = 139.74 and 240 × 0.548 = 131.52.
Name | Hue | Saturation | Brightness | Standard | Variant 1 (100%) | Variant 2 (93.2%) | Variant 3 (80.4%) | Variant 4 (54.8%) |
---|---|---|---|---|---|---|---|---|
Antique White | 34±1° | 14% | 98% | #FAEBD7 |
#FFEFDB |
#EEDFCC |
#CDC0B0 |
#8B8378
|
Aquamarine | 160° | 50% | 100% | #7FFFD4 |
← | #76EEC6 |
#66CDAA |
#458B74
|
Azure | 180° | 6% | 100% | #F0FFFF |
← | #E0EEEE |
#C1CDCD |
#838B8B
|
Bisque | 33±1° | 23% | 100% | #FFE4C4 |
← | #EED5B7 |
#CDB79E |
#8B7D6B
|
Blue | 240° | 100% | 100% | #0000FF |
← | #0000EE |
#0000CD |
#00008B
|
Brown | 0° | 75% | 65% | #A52A2A |
#FF4040 |
#EE3B3B |
#CD3333 |
#8B2323
|
Burlywood | 34° | 39% | 87% | #DEB887 |
#FFD39B |
#EEC591 |
#CDAA7D |
#8B7355
|
Cadet Blue | 182–186° | >40% | 63% | #5F9EA0 |
#98F5FF |
#8EE5EE |
#7AC5CD |
#53868B
|
Chartreuse | 90° | 100% | 100% | #7FFF00 |
← | #76EE00 |
#66CD00 |
#458B00
|
Chocolate | 25° | 86% | 82% | #D2691E |
#FF7F24 |
#EE7621 |
#CD661D |
#8B4513
|
Coral | 10°/16° | 66%/69% | 100% | #FF7F50 |
#FF7256 |
#EE6A50 |
#CD5B45 |
#8B3E2F
|
Cornsilk | 48–51° | 14% | 100% | #FFF8DC |
← | #EEE8CD |
#CDC8B1 |
#8B8878
|
Cyan | 180° | 100% | 100% | #00FFFF |
← | #00EEEE |
#00CDCD |
#008B8B
|
Dark Goldenrod | 43° | 94% | 72% | #B8860B |
#FFB90F |
#EEAD0E |
#CD950C |
#8B6508
|
Dark Olive Green | 82° | 56% | 42% | #556B2F |
#CAFF70 |
#BCEE68 |
#A2CD5A |
#6E8B3D
|
Dark Orange | 30°/33° | 100% | 100% | #FF8C00 |
#FF7F00 |
#EE7600 |
#CD6600 |
#8B4500
|
Dark Orchid | 280° | 76% | 80% | #9932CC |
#BF3EFF |
#B23AEE |
#9A32CD |
#68228B
|
Dark Sea Green | 120° | 24% | 74% | #8FBC8F |
#C1FFC1 |
#B4EEB4 |
#9BCD9B |
#698B69
|
Dark Slate Gray | 180° | 41% | 31% | #2F4F4F |
#97FFFF |
#8DEEEE |
#79CDCD |
#528B8B
|
Deep Pink | 328° | 92% | 100% | #FF1493 |
← | #EE1289 |
#CD1076 |
#8B0A50
|
Deep Sky Blue | 195° | 100% | 100% | #00BFFF |
← | #00B2EE |
#009ACD |
#00688B
|
Dodger Blue | 210° | 88% | 100% | #1E90FF |
← | #1C86EE |
#1874CD |
#104E8B
|
Firebrick | 0° | 81% | 70% | #B22222 |
#FF3030 |
#EE2C2C |
#CD2626 |
#8B1A1A
|
Gold | 51° | 100% | 100% | #FFD700 |
← | #EEC900 |
#CDAD00 |
#8B7500
|
Goldenrod | 43° | 86% | 86% | #DAA520 |
#FFC125 |
#EEB422 |
#CD9B1D |
#8B6914
|
Green | 120° | 100% | 100% | #00FF00 |
← | #00EE00 |
#00CD00 |
#008B00
|
Honeydew | 120° | 6% | 100% | #F0FFF0 |
← | #E0EEE0 |
#C1CDC1 |
#838B83
|
Hot Pink | 330–334° | 53–59% | 100% | #FF69B4 |
#FF6EB4 |
#EE6AA7 |
#CD6090 |
#8B3A62
|
Indian Red | 0° | 55–59% | 80% | #CD5C5C |
#FF6A6A |
#EE6363 |
#CD5555 |
#8B3A3A
|
Ivory | 60° | 6% | 100% | #FFFFF0 |
← | #EEEEE0 |
#CDCDC1 |
#8B8B83
|
Khaki | 55° | 44% | 100% | #F0E68C |
#FFF68F |
#EEE685 |
#CDC673 |
#8B864E
|
Lavender Blush | 339±1° | 6% | 100% | #FFF0F5 |
← | #EEE0E5 |
#CDC1C5 |
#8B8386
|
Lemon Chiffon | 54° | 20% | 100% | #FFFACD |
← | #EEE9BF |
#CDC9A5 |
#8B8970
|
Light Blue | 195° | 25% | 90% | #ADD8E6 |
#BFEFFF |
#B2DFEE |
#9AC0CD |
#68838B
|
Light Cyan | 180° | 12% | 100% | #E0FFFF |
← | #D1EEEE |
#B4CDCD |
#7A8B8B
|
Light Goldenrod | 50° | 45% | 93% | #EEDD82 |
#FFEC8B |
#EEDC82 |
#CDBE70 |
#8B814C
|
Light Pink | 351°/352° | 29%/32% | 100% | #FFB6C1 |
#FFAEB9 |
#EEA2AD |
#CD8C95 |
#8B5F65
|
Light Salmon | 17° | 52% | 100% | #FFA07A |
← | #EE9572 |
#CD8162 |
#8B5742
|
Light Sky Blue | 202°/203° | 31%/46% | 100% | #87CEFA |
#B0E2FF |
#A4D3EE |
#8DB6CD |
#607B8B
|
Light Steel Blue | 214° | 21% | 87% | #B0C4DE |
#CAE1FF |
#BCD2EE |
#A2B5CD |
#6E7B8B
|
Light Yellow | 60° | 12% | 100% | #FFFFE0 |
← | #EEEED1 |
#CDCDB4 |
#8B8B7A
|
Magenta | 300° | 100% | 100% | #FF00FF |
← | #EE00EE |
#CD00CD |
#8B008B
|
Maroon | 322°/338° | 73%/80% | 69% | #B03060 |
#FF34B3 |
#EE30A7 |
#CD2990 |
#8B1C62
|
Medium Orchid | 288° | 60% | 83% | #BA55D3 |
#E066FF |
#D15FEE |
#B452CD |
#7A378B
|
Medium Purple | 260° | 49% | 86% | #9370DB |
#AB82FF |
#9F79EE |
#8968CD |
#5D478B
|
Misty Rose | 6° | 12% | 100% | #FFE4E1 |
← | #EED5D2 |
#CDB7B5 |
#8B7D7B
|
Navajo White | 36° | 32% | 100% | #FFDEAD |
← | #EECFA1 |
#CDB38B |
#8B795E
|
Olive Drab | 80° | 76% | 56% | #6B8E23 |
#C0FF3E |
#B3EE3A |
#9ACD32 |
#698B22
|
Orange | 39° | 100% | 100% | #FFA500 |
← | #EE9A00 |
#CD8500 |
#8B5A00
|
Orange Red | 16° | 100% | 100% | #FF4500 |
← | #EE4000 |
#CD3700 |
#8B2500
|
Orchid | 302° | 49% | 86% | #DA70D6 |
#FF83FA |
#EE7AE9 |
#CD69C9 |
#8B4789
|
Pale Green | 120° | 40% | 98% | #98FB98 |
#9AFF9A |
#90EE90 |
#7CCD7C |
#548B54
|
Pale Turquoise | 180° | 27% | 93% | #AFEEEE |
#BBFFFF |
#AEEEEE |
#96CDCD |
#668B8B
|
Pale Violet Red | 340° | 49% | 86% | #DB7093 |
#FF82AB |
#EE799F |
#CD6889 |
#8B475D
|
Peach Puff | 28° | 27% | 100% | #FFDAB9 |
← | #EECBAD |
#CDAF95 |
#8B7765
|
Pink | 347°/350° | 25%/29% | 100% | #FFC0CB |
#FFB5C5 |
#EEA9B8 |
#CD919E |
#8B636C
|
Plum | 300° | 27% | 87% | #DDA0DD |
#FFBBFF |
#EEAEEE |
#CD96CD |
#8B668B
|
Purple | 271°/277° | 81%/87% | 94% | #A020F0 |
#9B30FF |
#912CEE |
#7D26CD |
#551A8B
|
Red | 0° | 100% | 100% | #FF0000 |
← | #EE0000 |
#CD0000 |
#8B0000
|
Rosy Brown | 0° | 24% | 74% | #BC8F8F |
#FFC1C1 |
#EEB4B4 |
#CD9B9B |
#8B6969
|
Royal Blue | 225° | 72% | 88% | #4169E1 |
#4876FF |
#436EEE |
#3A5FCD |
#27408B
|
Salmon | 6°/14° | 54%/59% | 98% | #FA8072 |
#FF8C69 |
#EE8262 |
#CD7054 |
#8B4C39
|
Sea Green | 147° | 67% | 55% | #2E8B57 |
#54FF9F |
#4EEE94 |
#43CD80 |
#2E8B57
|
Seashell | 26±1° | 7% | 100% | #FFF5EE |
← | #EEE5DE |
#CDC5BF |
#8B8682
|
Sienna | 19° | 72% | 63% | #A0522D |
#FF8247 |
#EE7942 |
#CD6839 |
#8B4726
|
Sky Blue | 197°/205° | 43%/47% | 92% | #87CEEB |
#87CEFF |
#7EC0EE |
#6CA6CD |
#4A708B
|
Slate Blue | 248° | 57% | 80% | #6A5ACD |
#836FFF |
#7A67EE |
#6959CD |
#473C8B
|
Slate Gray | 210° | 22% | 57% | #708090 |
#C6E2FF |
#B9D3EE |
#9FB6CD |
#6C7B8B
|
Snow | 0° | 2% | 100% | #FFFAFA |
← | #EEE9E9 |
#CDC9C9 |
#8B8989
|
Spring Green | 150° | 100% | 100% | #00FF7F |
← | #00EE76 |
#00CD66 |
#008B45
|
Steel Blue | 207° | 61% | 71% | #4682B4 |
#63B8FF |
#5CACEE |
#4F94CD |
#36648B
|
Tan | 30°/34° | 33%/69% | 82% | #D2B48C |
#FFA54F |
#EE9A49 |
#CD853F |
#8B5A2B
|
Thistle | 300° | 12% | 85% | #D8BFD8 |
#FFE1FF |
#EED2EE |
#CDB5CD |
#8B7B8B
|
Tomato | 9° | 72% | 100% | #FF6347 |
← | #EE5C42 |
#CD4F39 |
#8B3626
|
Turquoise | 174°/182° | 71%/100% | 88% | #40E0D0 |
#00F5FF |
#00E5EE |
#00C5CD |
#00868B
|
Violet Red | 322°/333° | 76%/85% | 82% | #D02090 |
#FF3E96 |
#EE3A8C |
#CD3278 |
#8B2252
|
Wheat | 39° | 27% | 96% | #F5DEB3 |
#FFE7BA |
#EED8AE |
#CDBA96 |
#8B7E66
|
Yellow | 60° | 100% | 100% | #FFFF00 |
← | #EEEE00 |
#CDCD00 |
#8B8B00
|
Prefixed variantsEdit
Some color names appear to be brightness or saturation modifications of others because they bear prefixes such as Dark, Light, Medium, Pale or Deep, but there is no systematic variation apparent. Several sets, however, feature a Dark variant with 55% brightness and some have their Medium at about 80%.
"Light Goldenrod Yellow" and "Dark Olive Green" are special, because there are no corresponding color entries without Dark and Light prefixes.
Color name | Base | Pale | Light | Medium | Dark | Deep | other |
---|---|---|---|---|---|---|---|
Aquamarine | 100% bright | 80% bright | |||||
Blue | 100% bright | complex | 80% bright | 55% bright | |||
Slate Blue | 80% bright | 100% bright | 93% bright | 55% bright | |||
Sky Blue | complex | 100% saturated and bright | |||||
Steel Blue | complex | ||||||
Coral | complex | ||||||
Cyan | 100% bright, 50% light | 94% light | 55% bright | ||||
Goldenrod | complex | complex | complex | complex | |||
Gray | 75% bright | 83% bright | 66% bright | 41% bright | |||
Slate Gray | 57% bright | 60% bright | complex | ||||
Green | 100% bright | 98% bright | 93% bright | 39% bright | 50% bright | ||
Olive Green | — | complex | complex | ||||
Sea Green | 55% bright | complex | 70% bright | complex | |||
Spring Green | 100% bright | complex | |||||
Khaki | 94% bright | 74% bright | |||||
Magenta | 100% bright | 55% bright | |||||
Orange | 39° hue | 33° hue | |||||
Orchid | complex | complex | |||||
Pink | 88% light | 86% light | complex | complex | |||
Purple | complex | complex | |||||
Violet Red | 47% light, 82% bright | complex | 43% light, 78% bright | ||||
Red | 100% bright | 55% bright | |||||
Salmon | complex | complex | |||||
Turquoise | complex | complex | complex | ||||
Violet | complex | ||||||
Yellow | 50% light | 94% light |
Nuances with different hueEdit
Several groups of colors share the same lightness or brightness and saturation. These nuances differ only by hue.
- 100%/25%
- 0° Template:Color box (Web) Maroon, 60° Template:Color box Olive, 120° Template:Color box Green, 180° Template:Color box Teal, 240° Template:Color box Navy (Blue), 300° Template:Color box (Web) Purple
- 100%/27%
- 0° Template:Color box Dark Red, 180° Template:Color box Dark Cyan, 240° Template:Color box Dark Blue, 300° Template:Color box Dark Magenta
- 100%/41%
- 181° Template:Color box Dark Turquoise, 282° Template:Color box Dark Violet
- 100%/49%
- 90° Template:Color box Lawn Green, 157° Template:Color box Medium Spring Green
- 61%/50%
- 80° Template:Color box Yellow Green, 120° Template:Color box Lime Green, 280° Template:Color box Dark Orchid
- 100%/50%
- 0° Template:Color box Red, 16° Template:Color box Orange Red, 33° Template:Color box Dark Orange, 39° Template:Color box Orange, 51° Template:Color box Gold, 60° Template:Color box Yellow, 90° Template:Color box Chartreuse, 120° Template:Color box (Lime) Green, 150° Template:Color box Spring Green, 180° Template:Color box Aqua / Cyan, 195° Template:Color box Deep Sky Blue, 240° Template:Color box Blue, 300° Template:Color box Fuchsia / Magenta
- 25%/65%
- 0° Template:Color box Rosy Brown, 120° Template:Color box Dark Sea Green
- 59–60%/65%
- 260° Template:Color box Medium Purple, 302° Template:Color box Orchid, 340° Template:Color box Pale Violet Red
- 100%/86%
- 38° Template:Color box Moccasin, 351° Template:Color box Light Pink
- 100%/90%
- 36° Template:Color box Blanched Almond, 54° Template:Color box Lemon Chiffon
- 67%/94%
- 30° Template:Color box Linen, 240° Template:Color box Lavender
- 100%/94%
- 6° Template:Color box Misty Rose, 60° Template:Color box Light Yellow, 180° Template:Color box Light Cyan
- 100%/97%
- 25° Template:Color box Seashell, 40° Template:Color box Floral White, 60° Template:Color box Ivory, 120° Template:Color box Honeydew, 180° Template:Color box Azure, 208° Template:Color box Alice Blue, 340° Template:Color box Lavender Blush
- 100%/99%
- 0° Template:Color box Snow, 240° Template:Color box Ghost White
Tints and shades with different lightnessEdit
Several groups of colors share the same hue and HSL saturation. Tints are lighter than a base color, shades are darker.
- 0°/0%
- 0% Template:Color box Black, 41% Template:Color box Dim Gray, 50% Template:Color box (Web) Gray, 66% Template:Color box Dark Gray, 75% Template:Color box (X11) Gray, 75% Template:Color box Silver, 83% Template:Color box Light Gray, 86% Template:Color box Gainsboro, 96% Template:Color box White Smoke, 100% Template:Color box White
- 0°/100%
- 25% Template:Color box (Web) Maroon, 27% Template:Color box Dark Red, 50% Template:Color box Red, 99% Template:Color box Snow
- 16°/100%
- 50% Template:Color box Orange Red, 66% Template:Color box Coral
- 33°/100%
- 50% Template:Color box Dark Orange, 88% Template:Color box Bisque
- 36°/100%
- 84% Template:Color box Navajo White, 90% Template:Color box Blanched Almond
- 60°/100%
- 25% Template:Color box Olive, 50% Template:Color box Yellow, 94% Template:Color box Light Yellow, 97% Template:Color box Ivory
- 80°/61%
- 35% Template:Color box Olive Drab, 50% Template:Color box Yellow Green
- 90°/100%
- 49% Template:Color box Lawn Green, 50% Template:Color box Chartreuse
- 120°/61%
- 34% Template:Color box Forest Green, 50% Template:Color box Lime Green
- 120°/100%
- 20% Template:Color box Dark Green, 25% Template:Color box (Web) Green, 50% Template:Color box (X11) Green / Lime, 97% Template:Color box Honeydew
- 146–147°/50%
- 36% Template:Color box Sea Green, 47% Template:Color box Medium Sea Green
- 150°/100%
- 50% Template:Color box Spring Green, 98% Template:Color box Mint Cream
- 180–181°/100%
- 25% Template:Color box Teal, 27% Template:Color box Dark Cyan, 41% Template:Color box Dark Turquoise, 50% Template:Color box Aqua / Cyan, 94% Template:Color box Light Cyan, 97% Template:Color box Azure
- 240°/100%
- 25% Template:Color box Navy Blue, 27% Template:Color box Dark Blue, 40% Template:Color box Medium Blue, 50% Template:Color box Blue, 99% Template:Color box Ghost White
- 300°/100%
- 25% Template:Color box (Web) Purple, 27% Template:Color box Dark Magenta, 50% Template:Color box Fuchsia / Magenta
- 328–330°/100%
- 54% Template:Color box Deep Pink, 71% Template:Color box Hot Pink
- 350–351°/100%
- 88% Template:Color box Pink, 86% Template:Color box Light Pink
Tones with different saturationEdit
Some pairs of colors share the same lightness and hue. These tones differ only by saturation. Tones are far less common in the X11 set than nuances, tints and shades.
- 0°/41%
- 0% Template:Color box Dim Gray, 59% Template:Color box Brown
- 120°/50%
- 61% Template:Color box Lime Green, 100% Template:Color box Green / Lime
- 180°/25%
- 25% Template:Color box Dark Slate Gray, 100% Template:Color box Teal
- 240°/27%
- 64% Template:Color box Midnight Blue, 100% Template:Color box Dark Blue
Derived listsEdit
The Printer Working Group (PWG) of the IEEE publishes a standard, PWG 5101.1, whose mandatory color names are based upon RFC 3805, successor to RFC 1759 which imported the functional color names other, unknown and transparent alongside seven basic colors from ISO 10175 (DPA) and ISO 10180 (SPDL), and JTAPI.<ref>Template:Citation</ref> This standard has four variants for each non-monochromatic color: clear (50% transparent), dark, light and the default. Wherever possible, the values are the same as in the W3C adaptation of the X11 list, except for Turquoise which is Template:Color box instead of Template:Color box. Missing variant values have been added systematically. Buff and Mustard are completely new color names. Light Black and Gray correspond to the same color.
Template:Colort Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color Template:Colort/Color |}
See alsoEdit
ReferencesEdit
External linksEdit
- X-Server source code with built-in colors
- "Extended Color Keywords", CSS Color Module Level 3, a W3C Recommendation
- X11 rgb.txt 1.1 at Xfree.86.org, 1994; X11 rgb.txt 1.2, 2005 (excluding 96 aliases); and Modern X.Org rgb.txt, from GitHub.
- Aubrey Jaffer. "Color-Name Dictionaries". Jaffer's page includes extensive information about and comparisons between color-name dictionaries.
- .NET Framework and Windows Forms color names