Monochrome Lightness Steps Generator

Generate endpoint-inclusive bounded HSL lightness ladder retaining caller hue/saturation and allowing descending ramps; not perceptually uniform OKLCH steps or a guarantee of distinguishable colors.

Description

An HSL monochrome ramp keeps hue and saturation fixed while varying lightness.

An HSL monochrome ramp keeps hue and saturation fixed while varying lightness. Endpoint order may ascend or descend.1

Enter hue bounded±10^9 degrees, saturation/start/end fractions 0–1 and integer steps 2–128. Normalize hue and return endpoint-inclusive lightness/RGB rows.

When to use Monochrome Lightness Steps Generator

Use Monochrome Lightness Steps Generator when you need to evaluate the supplied records under the calculation and evidence rules below. No uniform perceptual spacing or distinguishability guarantee is supplied.

Prepare colors in the stated color space and scale. Use encoded RGB fractions, linear RGB, Lab, xy, byte values or ink percentages exactly as requested; supply caller tolerances and reference conditions.

How to use Monochrome Lightness Steps Generator and understand its results

  1. Prepare colors in the stated color space and scale. Use encoded RGB fractions, linear RGB, Lab, xy, byte values or ink percentages exactly as requested; supply caller tolerances and reference conditions.
  2. Enter hueDegrees, saturationFraction, lightnessStartFraction, lightnessEndFraction, stepCount using the field table and calculation rules, then run the tool.
  3. Read lightnessFractions, rgbStepRows. The explanation below defines the units, signs, ordering and any flags or placeholder values.
  4. If the tool reports an input issue, correct the values and run it again. Apply the stated assumptions when interpreting a successfully returned result.
Input fieldMeaningValue type; see rules belowRequirement
hueDegreesHue degreesnumberRequired
saturationFractionSaturation fractionnumberRequired
lightnessStartFractionLightness start fractionnumberRequired
lightnessEndFractionLightness end fractionnumberRequired
stepCountStep countnumberRequired

Enter hue bounded±10^9 degrees, saturation/start/end fractions 0–1 and integer steps 2–128. Normalize hue and return endpoint-inclusive lightness/RGB rows.

lightness_i=start+(end−start)×i/(steps−1)

Units, indexing, boundary conditions and exceptional cases are defined in the calculation rules above.

Output fieldMeaningValue type
lightnessFractionsLightness fractionslist of number
rgbStepRowsRgb step rowslist of list of number
json
{
  "input": {
    "hueDegrees": 0,
    "saturationFraction": 1,
    "lightnessStartFraction": 0,
    "lightnessEndFraction": 1,
    "stepCount": 3
  },
  "output": {
    "lightnessFractions": [
      0,
      0.5,
      1
    ],
    "rgbStepRows": [
      [
        0,
        0,
        0
      ],
      [
        1,
        0,
        0
      ],
      [
        1,
        1,
        1
      ]
    ]
  }
}

Limitations and assumptions

No uniform perceptual spacing or distinguishability guarantee is supplied.

Numeric inputs, where present, must be finite. Follow the calculation-specific rules for overflow, underflow and exceptional cases. Missing required fields, extra fields, wrong value types and violations of the calculation rules are input errors.

Alternative or Complementary methods

Use Color Shade and Tint Generator: Tint and shade ladders mix toward white and black respectively. The declared method operates on encoded sRGB. For a complementary task, use HSL Lightness Shift Percent: An additive HSL lightness shift uses percentage points rather than a brightness multiplier. Clipped values retain the source hue/saturation.

References

  1. Monochrome Lightness Steps Generator — tool.io

Similar or alternative tools

  • Color Shade and Tint Generator

    Tint and shade ladders mix toward white and black respectively. The declared method operates on encoded sRGB.

  • HSL Lightness Shift Percent

    An additive HSL lightness shift uses percentage points rather than a brightness multiplier. Clipped values retain the source hue/saturation.

Don't forget to set a bookmark for tool.io!
Privacy | Imprint | Cookies