Random HSL Colour Generator

Generate a random HSL colour within the saturation and lightness ranges you choose.

How to use Random HSL Colour Generator

1. Enter Minimum Saturation %, Maximum Saturation %, Minimum Lightness %, Maximum Lightness %. 2. Browser pseudorandom choices are for everyday examples and organisation. Results can repeat between runs; this does not provide a certified lottery, secure secret or audited draw. Saturation/lightness bounds are 0–100. Display rounding can slightly differ from the RGB conversion; no contrast guarantee. 3. Select Generate or press Enter from a single-line field. In multiline text fields, Enter inserts a line break. 4. Select Copy result to copy the answer, or Reset to clear the form and result.

Why use this tool?

Use Random HSL Colour Generator when you need hsl colour. Browser pseudorandom choices are for everyday examples and organisation. Results can repeat between runs; this does not provide a certified lottery, secure secret or audited draw. Saturation/lightness bounds are 0–100. Display rounding can slightly differ from the RGB conversion; no contrast guarantee.

How the calculation works

Choose an integer hue 0–359 and saturation/lightness within the entered ordered percentage ranges. Browser pseudorandom choices are for everyday examples and organisation. Results can repeat between runs; this does not provide a certified lottery, secure secret or audited draw. Saturation/lightness bounds are 0–100. Display rounding can slightly differ from the RGB conversion; no contrast guarantee. The example is one possible random result; actual output may vary.

Example

Worked example: Minimum Saturation % = 0; Maximum Saturation % = 0; Minimum Lightness % = 0; Maximum Lightness % = 0. Result: hsl(180, 0%, 0%) · #000000 (one possible hue).

Practical tip

Check the random hsl colour input and output convention before reusing the result.