Randomly Generated Samples
All samples use the same maxLight
, maxLight
,
maxSaturation
and minSaturation
values but
randomizes the other settings.
Example Use
click & hold to re-generate
Each of those squares shows four random entires from the generated colors. In a single square every color is unique.
Color Ramp
All generated colors shown as a continuous gradient.
HSL Colors
Full list of the generated colors.
We used
a library to
convert the the HSL colors into different color models. We
deliberately choose to only deliver HSL
[0…360, 0…1, 0…1]
to keep the function fast and
lightweight as possible. There are plenty of awesome color libraries
if you need to have the colors converted to an other color model.
For Curious Minds and Desperate Deadlines
I got requests to export palettes—so here you go. Still, I’d gently suggest looking into integrating the library or something similar into your workflow.
A palette can be more than just colors—it can be a living system. One that responds to different data, brands, themes, or even future you, exploring new directions without starting from scratch.
Thinking in systems doesn’t limit creativity—it gives it room to grow. There’s a quiet kind of magic in flexible tools.