Skip to content

sRGB Lightness Scale

color scale

type: color-srgb-lightness-scale

A decision to define a lightness scale for sRGB colors.

Models

The following models can be used to produce a sRGB Lightness Scale decision.

Explicit value

Defines a sRGB lightness scale with arbitrary percentage values.
🚧 Schema
Sample data
{
  "model": "color-srgb-lightness-scale/explicit",
  "name": "sRGB Lightness Scale Explicit Sample",
  "params": {
    "values": [
      0.97,
      0.91,
      0.83
    ]
  }
}
sRGB Lightness Scale Explicit Sample
0.97
0.91
0.83

Model:

color-srgb-lightness-scale/explicit

Params:

  • values

    0.970.910.83

Bounded

Defines a sRGB lightness scale interpolating linearly between two lightness values.
🚧 Schema
Sample data
{
  "model": "color-srgb-lightness-scale/bounded",
  "name": "sRGB Lightness Scale Bounded Sample",
  "params": {
    "from": 0.85,
    "to": 0.25,
    "steps": 7
  }
}
sRGB Lightness Scale Bounded Sample
0.85
0.85
0.76
0.68
0.59
0.51
0.42
0.34
0.25
0.25

Model:

color-srgb-lightness-scale/bounded

Params:

  • from

    0.85

  • to

    0.25

  • steps

    7

Anchored

Defines a sRGB lightness scale from an anchor value applying modifiers to generate items before and/or after the anchor .
🚧 Schema
Sample data
{
  "model": "color-srgb-lightness-scale/anchored",
  "name": "sRGB Lightness Scale Anchored Sample",
  "params": {
    "anchor": 0.5,
    "after": {
      "steps": 4,
      "modifier": {
        "mode": "linear",
        "by": 0.075
      }
    },
    "before": {
      "steps": 4,
      "modifier": {
        "mode": "linear",
        "by": -0.075
      }
    }
  }
}
sRGB Lightness Scale Anchored Sample
0.2
0.27
0.34
0.42
0.5
0.57
0.64
0.71
0.78

Model:

color-srgb-lightness-scale/anchored

Params:

  • anchor

    0.5

  • after

    [object Object]

  • before

    [object Object]