Jump to content

Shades of gray: Difference between revisions

From Wikipedia, the free encyclopedia
[pending revision][pending revision]
Content deleted Content added
Middle grays: Added short description and copied table from the other article.
References: Fixing error.
Line 680: Line 680:
* [[Shades of white]]
* [[Shades of white]]


== Note ==
{{reflist|group=note}}
== References ==
== References ==
{{Reflist|30em}}
{{Reflist|30em}}

Revision as of 18:30, 19 January 2017

Gray/Grey
 
Common connotations
pessimism, depression, boredom, neutrality, undefinedness, old age, contentment and elegance
About these coordinates     Color coordinates
Hex triplet#808080
sRGBB (r, g, b)(128, 128, 128)
HSV (h, s, v)(0°, 0%, 50%)
CIELChuv (L, C, h)(54, 0, 0°)
SourceHTML/CSS[1]
B: Normalized to [0–255] (byte)

Variations of gray or grey include achromatic grayscale shades, which lie exactly between white and black, and nearby colors with low colorfulness. A selection of a number of these various colors is shown below.

Chart of computer web color grays

Below is a chart showing the computer web color grays. An achromatic gray is a gray color in which the red, green, and blue codes are exactly equal. The web colors gray, gainsboro, light gray, dark gray, and dim gray are all achromatic colors. A chromatic gray is a gray color in which the red, green, and blue codes are not exactly equal, but are close to each other, which is what makes it a shade of gray.

HTML color name Sample Hex triplet
By name By hex triplet
gainsboro #DCDCDC
lightgray #D3D3D3
silver #C0C0C0
darkgray #A9A9A9
gray #808080
dimgray #696969
lightslategray #778899
slategray #708090
darkslategray #2F4F4F

White and black

The colors white and black are not usually thought of as shades of gray, but they can be thought of as shades of achromatic gray, as both contain equal amounts of red, blue and green. White is at the extreme upper end of the achromatic value scale and black is at the extreme lower end of the achromatic value scale, with all the colors normally considered tones of achromatic gray colors in between. Since achromatic colors have no hue, the hue code (h code) is left blank for achromatic colors (usually marked as a dash).

White

White
 
About these coordinates     Color coordinates
Hex triplet#FFFFFF
sRGBB (r, g, b)(255, 255, 255)
HSV (h, s, v)(0°, 0%, 100%)
CIELChuv (L, C, h)(100, 0, 0°)
SourceBy definition
B: Normalized to [0–255] (byte)

White is a color, the perception of which is evoked by light that stimulates all three types of color sensitive cone cells in the human eye in equal amounts and with high brightness compared to the surroundings. A white visual stimulation will be void of hue and grayness. White is the lightest possible color.

Black

Black
 
About these coordinates     Color coordinates
Hex triplet#000000
sRGBB (r, g, b)(0, 0, 0)
HSV (h, s, v)(0°, 0%, 0%)
CIELChuv (L, C, h)(0, 0, 0°)
SourceBy definition
B: Normalized to [0–255] (byte)

Black is the color of objects that do not emit or reflect light in any part of the visible spectrum; they absorb all such frequencies of light. Black is the darkest possible color.

Achromatic grays

Achromatic grays are colors in which the rgb (red, green, and blue) values are exactly equal. Since achromatic grays have no hue, the hue code (the h in the hsv values of the color) is indicated with a dash. Achromatic grays are the axis of the color sphere, with white at the north pole and black at the south pole of the color sphere. The various tones of achromatic gray are along the axis of the color sphere from white at the top of the axis to black at the bottom of the axis.

Gainsboro

Gainsboro
 
About these coordinates     Color coordinates
Hex triplet#DCDCDC
sRGBB (r, g, b)(220, 220, 220)
HSV (h, s, v)(0°, 0%, 86%)
CIELChuv (L, C, h)(88, 0, 0°)
SourceX11
B: Normalized to [0–255] (byte)

At right is displayed the web color gainsboro.

Gainsboro is a pale tone of gray.

There is no evidence the name gainsboro was used as a color name before it was included as one of the X11 colors when they were formulated in 1987.

Light gray

Light gray
 
About these coordinates     Color coordinates
Hex triplet#D3D3D3
sRGBB (r, g, b)(211, 211, 211)
HSV (h, s, v)(0°, 0%, 83%)
CIELChuv (L, C, h)(85, 0, 0°)
SourceX11
B: Normalized to [0–255] (byte)

At right is displayed the web color light gray.

Silver

Silver
 
About these coordinates     Color coordinates
Hex triplet#C0C0C0
sRGBB (r, g, b)(192, 192, 192)
HSV (h, s, v)(0°, 0%, 75%)
CIELChuv (L, C, h)(78, 0, 0°)
SourceHTML/CSS[1]
B: Normalized to [0–255] (byte)

Displayed at right is the web color silver.

This color is a representation of the color of the metal silver

This is supposed to be a metallic color; however, there is no mechanism for displaying metallic colors on a flat computer screen.

Medium gray (X11: gray)

Gray (X11)
 
About these coordinates     Color coordinates
Hex triplet#BEBEBE
sRGBB (r, g, b)(190, 190, 190)
HSV (h, s, v)(0°, 0%, 75%)
CIELChuv (L, C, h)(77, 0, 0°)
SourceX11
B: Normalized to [0–255] (byte)

At right is displayed the color medium gray, or gray in the X11 color names, which is lighter than the HTML/CSS gray shown below. The coordinates in the X11 were set at 190 to avoid gray being displayed as white on 2-bit grayscale displays.[2]

See the chart Color names that clash between X11 and HTML/CSS in the X11 color names article to see those colors which are different in HTML/CSS and X11.

Dark medium gray (X11: dark gray)

Dark gray (X11)
 
About these coordinates     Color coordinates
Hex triplet#A9A9A9
sRGBB (r, g, b)(169, 169, 169)
HSV (h, s, v)(0°, 0%, 66%)
CIELChuv (L, C, h)(69, 0, 0°)
SourceX11
B: Normalized to [0–255] (byte)

At right is displayed the color dark medium gray, or dark gray in the X11 color names. This color, although it is called dark gray in X11, is actually lighter than the HTML/CSS gray shown below because it is called dark gray in relation to the X11 gray shown above.

Spanish gray

Gray (G&S)
 
About these coordinates     Color coordinates
Hex triplet#989898
sRGBB (r, g, b)(152, 152, 152)
HSV (h, s, v)(0°, 0%, 60%)
CIELChuv (L, C, h)(63, 0, 0°)
SourceGallego and Sanz[3]
B: Normalized to [0–255] (byte)

Spanish gray is the color that is called gris (gray in Spanish) in the Guía de coloraciones (Guide to colorations) by Rosa Gallego and Juan Carlos Sanz, a color dictionary published in 2005 that is widely popular in the Hispanophone realm.

Gray

Gray/Grey
 
About these coordinates     Color coordinates
Hex triplet#808080
sRGBB (r, g, b)(128, 128, 128)
HSV (h, s, v)(0°, 0%, 50%)
CIELChuv (L, C, h)(54, 0, 0°)
SourceHTML/CSS[1]
B: Normalized to [0–255] (byte)

At right is displayed the color gray.

The first recorded use of gray as a color name in the English language was in 700.[4]

This tone of "gray" (HTML gray) is universally used as the standard for gray because it is that tone of gray which is halfway between white and black.

Dim gray

Dim gray
 
About these coordinates     Color coordinates
Hex triplet#696969
sRGBB (r, g, b)(105, 105, 105)
HSV (h, s, v)(0°, 0%, 41%)
CIELChuv (L, C, h)(44, 0, 0°)
SourceX11
B: Normalized to [0–255] (byte)

At right is displayed the web color dim gray.

This color is a dark tone of gray.

Davy's gray

Davy's gray
 
About these coordinates     Color coordinates
Hex triplet#555555
sRGBB (r, g, b)(85, 85, 85)
HSV (h, s, v)(0°, 0%, 33%)
CIELChuv (L, C, h)(36, 0, 0°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Davy's gray is a dark gray color, made from powdered slate, iron oxide and carbon black named for Henry Davy.[5][6]

The first recorded use of Davy’s gray as a color name in English was around 1940.[7][8]

Jet

Jet
 
About these coordinates     Color coordinates
Hex triplet#343434
sRGBB (r, g, b)(52, 52, 52)
HSV (h, s, v)(0°, 0%, 20%)
CIELChuv (L, C, h)(22, 0, 0°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

The color jet is displayed at right.

The color jet is a representation of the color of the mineraloid Jet.

The first recorded use of jet as a color name in English was in 1450.[9]

Middle grays

A middle gray is a tone that is in some sense about halfway between black and white. Here are some examples; see the main article for more in-depth information.

Middle gray as defined by Relative whiteness (≙ CIEXYZ luminance) sRGB brightness CIELAB lightness gamma correction RGB value for sRGB monitors Appearance if viewed in sRGB[note 1]
Geomean of 60:1 12.91% 39.46% 42.63% 2.95 rgb(101,101,101) or #656565
L*a*b 18.42% 46.63% 50.00% 2.44 rgb(119,119,119) or #777777
18% gray card 20.00% 48.45% 51.84% 2.32 rgb(124,124,124) or #7C7C7C
sRGB 21.40% 50.00% 53.39% 2.22 rgb(128,128,128) or #808080
Mac, pre-OS X 10.6 28.72% 57.23% 60.53% 1.80 rgb(146,146,146) or #929292
Absolute whiteness 50.00% 73.54% 76.07% 1.00 rgb(188,188,188) or #BCBCBC

Off-grays

Off-grays are colors that are very close to achromatic grays, but whose red, green, and blue color codes are not exactly equal.

Platinum

Platinum
 
About these coordinates     Color coordinates
Hex triplet#E5E4E2
sRGBB (r, g, b)(229, 228, 226)
HSV (h, s, v)(40°, 1%, 90%)
CIELChuv (L, C, h)(91, 2, 68°)
Source[1]/Maerz and Paul[10]
B: Normalized to [0–255] (byte)

Platinum is a color that is the metallic tint of pale grayish-white resembling the metal platinum.

This is supposed to be a metallic color; however, there is no mechanism for displaying metallic colors on a flat computer screen.

The first recorded use of platinum as a color name in English was in 1918.[11]

Platinum crystals

Ash gray

Ash gray
 
About these coordinates     Color coordinates
Hex triplet#B2BEB5
sRGBB (r, g, b)(178, 190, 181)
HSV (h, s, v)(135°, 6%, 75%)
CIELChuv (L, C, h)(76, 8, 138°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Displayed at right is the color ash gray.

The color ash gray is a representation of the average color of ash.

The first recorded use of ash gray as a color name in English was in 1374.[12]

Wood ash from a campfire

Battleship gray

Battleship gray
 
About these coordinates     Color coordinates
Hex triplet#848482
sRGBB (r, g, b)(132, 132, 130)
HSV (h, s, v)(60°, 2%, 52%)
CIELChuv (L, C, h)(55, 2, 86°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

The color battleship gray is displayed at right. It is so called because the color is the shade of gray from the specular micaceous hematite paint used for rustproofing iron and steel battleships.[13]

Gunmetal

Gunmetal
 
About these coordinates     Color coordinates
Hex triplet#2a3439
sRGBB (r, g, b)(42, 52, 57)
HSV (h, s, v)(200°, 26%, 22%)
CIELChuv (L, C, h)(21, 6, 224°)
SourceEncycolorpedia
B: Normalized to [0–255] (byte)

The color gunmetal is displayed on the right.

Gunmetal may actually refer to a shade of gray that has a bluish purple tinge.

Nickel

Nickel
 
About these coordinates     Color coordinates
Hex triplet#727472
sRGBB (r, g, b)(114, 116, 114)
HSV (h, s, v)(120°, 2%, 45%)
CIELChuv (L, C, h)(49, 2, 128°)
Source[14]
B: Normalized to [0–255] (byte)

Nickel is a color that resembles the metal nickel.

This is supposed to be a metallic color; however, there is no mechanism for displaying metallic colors on a flat computer screen.

Charcoal

Charcoal
 
About these coordinates     Color coordinates
Hex triplet#36454F
sRGBB (r, g, b)(54, 69, 79)
HSV (h, s, v)(204°, 32%, 31%)
CIELChuv (L, C, h)(28, 12, 231°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Charcoal is a color that is a representation of the dark gray color of burned wood.

The first recorded use of charcoal as a color name in English was in 1606.[15]

Source of color: ISCC-NBS Dictionary of Color Names (1955)--Color Sample of Charcoal (color sample #187).

Cool grays

Cool grays are colors that are noticeably bluish gray, grayish cyan, greenish gray, or violetish gray.

Cool gray

Cool gray
 
About these coordinates     Color coordinates
Hex triplet#8C92AC
sRGBB (r, g, b)(140, 146, 172)
HSV (h, s, v)(229°, 19%, 67%)
CIELChuv (L, C, h)(61, 22, 258°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Cool gray, also spelled cool grey, is a medium light color gray mixed with the color blue.

This color is a dull shade of blue-gray.

This color is identical with color sample #203 (identified as "gray blue") at the following website: http://tx4.us/nbs/nbs-g.htm—The ISCC-NBS Dictionary of Colo(u)r Names (1955), a website for stamp collectors to evaluate the colors of their stamps.

Poet George Sterling once wrote a poem calling San Francisco the Cool Grey City of Love[16] The phrase cool grey as applied to San Francisco refers to the frequent fogs from the Pacific Ocean that envelop the city.

Cadet gray

Cadet gray
 
About these coordinates     Color coordinates
Hex triplet#91A3B0
sRGBB (r, g, b)(145, 163, 176)
HSV (h, s, v)(205°, 18%, 69%)
CIELChuv (L, C, h)(66, 16, 231°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Cadet gray is a slightly bluish shade of gray. The first recorded use of cadet grey as a color name in English was in 1912.[17]

Before 1912, the word cadet gray was used as a name for a type of military issue uniforms. Most famously, it was the color of the uniforms of the Confederate Army. In 1815, it had earlier become the color of the uniforms of the United States Military Academy (West Point).[18]

Blue-gray

Blue-gray
 
About these coordinates     Color coordinates
Hex triplet#6699CC
sRGBB (r, g, b)(102, 153, 204)
HSV (h, s, v)(210°, 50%, 80%)
CIELChuv (L, C, h)(62, 54, 244°)
SourceCrayola
B: Normalized to [0–255] (byte)

Blue-Gray was a Crayola crayon color from 1958 to 1990.

Glaucous

Glaucous
 
About these coordinates     Color coordinates
Hex triplet#6082B6
sRGBB (r, g, b)(96, 130, 182)
HSV (h, s, v)(216°, 47%, 71%)
CIELChuv (L, C, h)(54, 51, 250°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Glaucous (from the Latin glaucus, meaning "bluish-gray", from the Greek glaukos) is used to describe the pale gray or blue appearance of the surfaces of some plants, as well as in the names of birds, such as the glaucous gull (Larus hyperboreus), glaucous-winged gull (Larus glaucescens), glaucous macaw (Anodorhynchus glaucus), and glaucous tanager (Thraupis glaucocolpa).

Slate gray

Slate gray
 
About these coordinates     Color coordinates
Hex triplet#708090
sRGBB (r, g, b)(112, 128, 144)
HSV (h, s, v)(210°, 22%, 56%)
CIELChuv (L, C, h)(53, 17, 239°)
SourceX11
B: Normalized to [0–255] (byte)

Slate gray is a gray color with a slight azure tinge that is a representation of the average color of the material slate.

The first recorded use of slate gray as a color name in English was in 1705.[19]

Gray-green

Gray-green
 
About these coordinates     Color coordinates
Hex triplet#5E716A
sRGBB (r, g, b)(94, 113, 106)
HSV (h, s, v)(158°, 17%, 44%)
CIELChuv (L, C, h)(46, 10, 161°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

Gray-green (also known as grayish-green, greenish-gray, or green-gray) is a greenish-gray color.

Source of color: The ISCC-NBS Dictionary of Colo(u)r Names (1955)

Marengo

Marengo
 
About these coordinates     Color coordinates
Hex triplet#4C5866
sRGBB (r, g, b)(76, 88, 102)
HSV (h, s, v)(212°, 25%, 40%)
CIELChuv (L, C, h)(37, 14, 242°)
Source[20][21]
B: Normalized to [0–255] (byte)

Marengo is a shade of gray (black with gray tinge) or blue colors.[22][23] Sometimes the color is described as a color of a wet asphalt.

Warm grays

Warm grays are colors that are noticeably brownish, pinkish grays, or reddish purple grays. The color brown is itself is a dark shade of orange. Brown colors also include dark shades of rose, red, and amber. Pink colors include light tones of rose, red, and orange. These tones of pink become warm grays when they are mixed with gray.

Puce

Puce is the French word for flea.

"Puce" has been in use as a color name in French since the 14th century.

Rose quartz

Rose quartz
 
About these coordinates     Color coordinates
Hex triplet#AA98A9
sRGBB (r, g, b)(170, 152, 169)
HSV (h, s, v)(303°, 11%, 67%)
CIELChuv (L, C, h)(65, 14, 310°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

There is a grayish tone of rose called rose quartz.

The first recorded use of rose quartz as a color name in English was in 1926.[24]

Cinereous

Cinereous
 
About these coordinates     Color coordinates
Hex triplet#98817B
sRGBB (r, g, b)(152, 129, 123)
HSV (h, s, v)(12°, 19%, 60%)
CIELChuv (L, C, h)(56, 16, 27°)
SourceMaerz and Paul[25]
B: Normalized to [0–255] (byte)

Cinereous is a color, meaning ashy gray in appearance, either consisting of or resembling ashes, or a gray color tinged with coppery brown. It is derived from the Latin cinereous, from cinis (ashes).

The first recorded use of cinereous as a color name in English was in 1661.[26]

Rocket metallic

Rocket metallic
 
About these coordinates     Color coordinates
Hex triplet#8A7F8D
sRGBB (r, g, b)(138, 127, 141)
HSV (h, s, v)(287°, 10%, 55%)
CIELChuv (L, C, h)(55, 11, 299°)
SourceResene
B: Normalized to [0–255] (byte)

Displayed at right is the color rocket metallic.

Rocket metallic is a purplish tone of gray.

This is supposed to be a metallic color; however, there is no mechanism for displaying metallic colors on a flat computer screen.

Rocket metallic is one of the colors on the Resene Color List, a color list widely popular in Australia and New Zealand. The color "rocket metallic" was formulated in 1999.

Taupe

Taupe
 
About these coordinates     Color coordinates
Hex triplet#483C32
sRGBB (r, g, b)(72, 60, 50)
HSV (h, s, v)(27°, 31%, 28%)
CIELChuv (L, C, h)(26, 11, 47°)
SourceISCC-NBS
B: Normalized to [0–255] (byte)

The color displayed at right matches the color sample called taupe referenced below in the 1930 book A Dictionary of Color, the world standard for color terms before the invention of computers. However, the word taupe may often be used to refer to lighter shades of taupe today, and therefore another name for this color is dark taupe.

The first use of "taupe" as a color name in English was in the early 19th century (exact year is not known).[27]

See also

Note

  1. ^ LCD screens, even when correctly calibrated, often have a brightness that varies considerably depending on the viewing angle. Try stepping back and changing your position until the checkered image in the center of the absolute middle gray (50% relative whiteness) appears to dissolve into the background. If the image does not appear to be of the same brightness, then the "middle grays" rendered in the table are NOT correctly displayed on your screen. (Also take care to make sure your browser window is not zoomed since any magnification may distort the brightness depending on how your browser adjusts for gamma when blending the pixels, e.g. rendering the zoomed image at sRGB middle gray, or 21% whiteness, instead of 50%.).

References

  1. ^ a b c "W3C TR CSS3 Color Module, HTML4 color keywords". W3.org. Retrieved 15 April 2009.
  2. ^ Gildea, Stephen (13 May 1991). "change grey from 192 to 190 so less likely to be mapped to white on a 2-bit StaticGray visual". X consortium. Retrieved 15 December 2014.
  3. ^ Gallego, Rosa; Sanz, Juan Carlos (2005). Guía de coloraciones (Gallego, Rosa; Sanz, Juan Carlos (2005). Guide to Colorations) Madrid: H. Blume. ISBN 84-89840-31-8
  4. ^ Maerz and Paul, p. 196
  5. ^ Paterson, Ian (2003), A Dictionary of Colour (1st paperback ed.), London: Thorogood (published 2004), p. 134, ISBN 1-85418-375-3, OCLC 60411025
  6. ^ Eastaugh, Nicholas; Walsh, Valentine; Chaplin, Tracey; Siddall, Ruth (2004), Pigment Compendium: A Dictionary of Historical Pigments, Butterworth-Heinemann, p. 139, ISBN 978-0-7506-5749-5, OCLC 56444720
  7. ^ Maerz and Paul, p. 194; Color Sample of Davy’s Grey: p. 117 Plate 47 Color Sample A4
  8. ^ Davy's gray. Google Ngram Viewer
  9. ^ Maerz and Paul, p. 197
  10. ^ The color displayed in the color box above matches the color called platinum in the 1930 book by Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill; the color platinum is displayed on page 113, Plate 45, Color Sample A3.
  11. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 202; Color Sample of Platinum: Page 113 Plate 45 Color Sample A3
  12. ^ Maerz and Paul, p. 189; Color Sample of Ash grey: p. 77 Plate 27 Color Sample A2
  13. ^ Thornton Kay SalvoNEWS: Shining ore, blotters, black lead and battleship grey
  14. ^ http://www.art-paints.com/Paints/Acrylic/Lefranc-and-Bourgeois/Flashe/Nickel/Nickel.html
  15. ^ Maerz and Paul, p. 192; color sample: p. 117, plate 47 Color Sample A2 – Charcoal
  16. ^ ''The Cool, Grey City of Love'' by George Sterling:. Alangullette.com (1920-12-11). Retrieved on 2013-03-21.
  17. ^ Maerz and Paul, p. 191; Color Sample of Cadet Grey: p. 95 Plate 36 Color Sample C4
  18. ^ "Cadets, U.S. Military Academy, 1816–1817," Military Uniforms in America, Vol II, Years of Growth 1796–1851, Company of Military Historians, 1977
  19. ^ Maerz and Paul, p. 204; Color Sample of Slate Gray: p. 51 Plate 14 Color Sample A2
  20. ^ "#4c5866 (Маренго)" (in Russian). colors.aeio.ru. Retrieved 25 May 2016.
  21. ^ "Маренго" (in Russian). whoyougle.ru. Retrieved 25 May 2016.
  22. ^ "Marengo". silestoneusa.com. Retrieved 25 May 2016.
  23. ^ "Marengo". Colour Lovers. colourlovers.com. Retrieved 25 May 2016.
  24. ^ Maerz and Paul, p. 203; Color Sample of Rose Quartz: p. 129 Plate 53 Color Sample B3
  25. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Color Sample of Cinereous: Page 93 Plate 35 Color Sample A3
  26. ^ Maerz and Paul, p. 193; Color Sample of Cinereous: p. 93 Plate 35 Color Sample A3
  27. ^ Maerz and Paul, p. 205; Discussion of Color Taupe, p. 183; Color Sample of Taupe: p. 55 Plate 16 Color Sample A6

Bibliography

  • Maerz, Aloys John and Paul, M. Rea (1930) A Dictionary of Color, New York: McGraw-Hill