Random Color Generator

Generate 1 to 48 random colours and read each one as HEX, rgb() or hsl(). Every swatch is three bytes straight from crypto.getRandomValues, so the draw is uniform over all 16,777,216 sRGB triples and unpredictable rather than merely shuffled.

Uniform over RGB is not uniform to the eye, and the gap is bigger than it sounds. Sampling all 16.7 million triples equally gives a mean HSL saturation of about 67, because a colour needs all three channels to land close together to look muted and that is rare: only 1.2% of the space has its channels within 16 of each other, and just 0.99% has all three above 200. So pastels and near-greys essentially never come up, while vivid mid-tones come up constantly. Sorted by OKLab lightness the same set lands 0.3% in the darkest fifth and 40% in the fourth — perceptually dark colours are almost absent, because sRGB's gamma encoding spends most of its code values on the bright end.

The three formats are not interchangeable labels for the same thing. HEX and rgb() are exact — the same three bytes written two ways — but hsl() is rounded to whole degrees and whole percents, and that rounding does not survive a round trip. Feed every one of the 16,777,216 colours through the conversion and back and only 1,775,056 of them — 10.6% — return the byte you started with; the rest drift by up to 5 per channel. Copy the HEX when the value has to be exact, and treat the HSL as a readable description of the swatch rather than a second copy of it.