Generate a color
Press New random color to create three secure random RGB channels.
Random Color
Discover a color you would not have picked.
Generate a fresh color, copy its common code formats, and see whether light or dark text is easier to read on it.
HEX
Your next color is one click away.
New random color
Colors are generated in this browser tab.
HEX
#7162E8RGB
rgb(113, 98, 232)HSL
hsl(247, 74%, 65%)Recent colors
Your recent palette will appear here.
Colors are generated in this browser tab.
How to use the random color generator
Every click creates one RGB color and calculates matching HEX and HSL values.
Review the formats
See the same color represented as HEX, RGB, and HSL.
Copy and use
Copy the format your design or development tool needs.
Ways to use random colors
Design inspiration
Break out of familiar palettes with an unexpected starting color.
Prototype content
Create placeholder swatches for mockups and component testing.
Learning color models
Compare HEX, RGB, and HSL representations of the same color.
What do HEX, RGB, and HSL mean?
RGB describes red, green, and blue channels from 0 to 255. HEX encodes those same channel values with six hexadecimal characters commonly used in CSS.
HSL describes hue, saturation, and lightness. It can be more intuitive when adjusting how vivid or light a color should feel.
Frequently asked questions
Can I copy the color code?
Yes. Copy HEX, RGB, or HSL with one click.
Are all RGB colors possible?
Yes. Each channel can independently be any integer from 0 to 255.
How is the text-color suggestion made?
Whimivo estimates relative luminance and suggests white or dark text for stronger basic contrast.
Does this guarantee accessibility compliance?
No. Always test the exact text size, weight, and UI state against the contrast standard you must meet.