RGB Color Generator
Generates a random colour and shows it in rgb(r, g, b) format with a preview swatch — handy when your project or design tool needs RGB rather than hex.
What this generator does
Produces a random colour written as rgb(r, g, b) with three 0–255 channel values. It is the same colour space as the hex generator in a different notation — useful when you are working in a context that expects functional notation, or when you want to see the channel values as numbers rather than hex pairs.
How to use this tool
- Press generate to get a random colour.
- Copy the rgb() value, or generate again for a new one.
Worked examples
- Format
- rgb(30, 144, 255)
- Channel range
- 0 to 255 inclusive on each of red, green and blue
Common use cases
- Design inspiration
- Testing UI components with random colours
- CSS/design tool input
How this generator works
Three channel values are drawn independently from 0 to 255 and shown as CSS rgb(), as hex and as HSL. Independent channels give a colour uniformly distributed in the RGB cube, which is uniform in the numbers and not in perception — the cube devotes as much room to near-identical dark colours as to the whole visible spread of bright ones.
Limitations and good to know
- Uniform in the RGB cube, so the draws skew towards muddy mid-tones. A palette generator is what to use for colours meant to be looked at.
- sRGB is assumed. The same three numbers describe a different colour in a wide-gamut space.
- Nothing checks contrast, so a drawn colour may be unreadable against your background.