Color - GreyScale Color Space

Monet Femme Ombrelle 1886 Logo


A greyscale is the lightness scale where:

  • White is the highest possible value
  • Black is the lowest value.
  • Gray is the a medium value. The midpoint between black and white, neither dark nor light.

Color Value Without Color

It's a color space that has only one parameter which controls the level of lightness going from black to white.


In css with the rgb color function were all primary colors are mixed at an equal level to get an achromatic color

#swatches > * {
    width: 4rem;
    height: 4rem;
    display: inline-block;
    margin: 0.5rem;
<div id="swatches">
    <div style="background-color:rgb(0,0,0)"> </div>
    <div style="background-color:rgb(12.5%, 12.5%, 12.5%)"> </div>
    <div style="background-color:rgb(25%, 25%, 25%)"> </div>
    <div style="background-color:rgb(37.5%, 37.5%, 37.5%)"> </div>
    <div style="background-color:rgb(50%, 50%, 50%)"> </div>
    <div style="background-color:rgb(62.5%, 62.5%, 62.5%)"> </div>
    <div style="background-color:rgb(75%, 75%, 75%)"> </div>
    <div style="background-color:rgb(87.5%, 87.5%, 87.5%)"> </div>
    <div style="background-color:rgb(100%, 100%, 100%)"> </div>

Discover More
Color - (Lightness|Value|Tone) (White, Gray, Black scale)

Lightness, also known as value or tone, is a property (coordinate) placed on a linear scale where: White is the highest possible value (the lightest) Black is the lowest value (the darkest) Gray...
Color Saturation
Color - (Saturation|Chroma|Intensity) (Purity of a hue)

The third descriptive quality of colour is saturation, also known as chroma or intensity. It defines the degree of purity of a hue. Saturation: is a (comparative|relative) property is linear and...
Color Value Without Color
Color - Achromatic (Without hue)

achromatic colors are colors without hue: white black gray and all colors on the grayscale They does not come from the visible light spectrum. They shows: the totale absence of light reflection...
Pure Hue Tint Tone Shade
Color - Shade (Darken)

A shade is a a color function that increases darkness (ie decrease lightness). You can darken/shade with two methods: shade: a mixture with the black color. darken: decreasing the lightness directly...
Pure Hue Tint Tone Shade
Color Tint (lighten)

A tint is a mixture of a color with white, which increases lightness.
Monet Femme Ombrelle 1886 Logo
ColorSpace (Model)

A color space (or model) is a coordinate space where a set of coordinate define an unique color.

Share this page:
Follow us:
Task Runner