Skip to content

Random

Generate a random color, optionally constrained to specific hue, saturation, or lightness ranges.

random(options?: RandomOptions): string
ParameterDescriptionTypeDefault
formatOutput formatColorType’hex’
maxHueMaximum hue (0-360)number360
maxLightnessMaximum lightness (0-100)number100
maxSaturationMaximum saturation (0-100)number100
minHueMinimum hue (0-360)number0
minLightnessMinimum lightness (0-100)number0
minSaturationMinimum saturation (0-100)number0
import { random } from 'colorizr';
random(); // '#a3f29c'
random({ format: 'hsl' }); // 'hsl(142 78% 62%)'

Playground

#6c833a
// Warm colors only (red-yellow range)
random({ minHue: 0, maxHue: 60 });
// Pastel colors
random({ minSaturation: 40, maxSaturation: 70, minLightness: 70, maxLightness: 90 });
// Dark, muted colors
random({ maxSaturation: 30, maxLightness: 30 });

Hue ranges support wrap-around: { minHue: 330, maxHue: 30 } covers red through orange.