sRGB Saturation Scale

color scale

type: color-srgb-saturation-scale
A decision to define a saturation scale for sRGB colors.

Models

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

Explicit value

Defines a sRGB saturation scale with arbitrary percentage values.

🚧 Schema

Sample data

{
  "model": "color-srgb-saturation-scale/explicit",
  "name": "sRGB Saturation Scale Explicit Sample",
  "params": {
    "values": [
      0.05,
      0.1,
      0.15
    ]
  }
}

sRGB Saturation Scale Explicit Sample

0.05

0.1

0.15

Model:

color-srgb-saturation-scale/explicit

Params:

values

0.050.10.15

Bounded

Defines a sRGB saturation scale interpolating linearly between two saturation values.

🚧 Schema

Sample data

{
  "model": "color-srgb-saturation-scale/bounded",
  "name": "sRGB Saturation Scale Bounded Sample",
  "params": {
    "from": 0.1,
    "to": 0.9,
    "steps": 7
  }
}

sRGB Saturation Scale Bounded Sample

0.1

0.21

0.33

0.44

0.56

0.67

0.79

0.9

Model:

color-srgb-saturation-scale/bounded

Params:

from

0.1
to

0.9
steps

7

Anchored

Defines a sRGB saturation scale from an anchor value applying modifiers to generate items before and/or after the anchor .

🚧 Schema

Sample data

{
  "model": "color-srgb-saturation-scale/anchored",
  "name": "sRGB Saturation Scale Anchored Sample",
  "params": {
    "anchor": 0.5,
    "after": {
      "steps": 4,
      "modifier": {
        "mode": "linear",
        "by": 0.05
      }
    },
    "before": {
      "steps": 4,
      "modifier": {
        "mode": "linear",
        "by": -0.05
      }
    }
  }
}

sRGB Saturation Scale Anchored Sample

0.3

0.35

0.4

0.45

0.5

0.55

0.6

0.65

0.7

Model:

color-srgb-saturation-scale/anchored

Params:

anchor

0.5
after

[object Object]
before

[object Object]