Random Color Generator - HEX, RGB & HSL
Generate random colors instantly with HEX, RGB, and HSL values shown side by side, plus a copy button for each format.
Click "Generate" to create a random color palette.
How the Random Color Generator Works
This tool picks a fully random color by generating random red, green, and blue values, then converts that color into three common formats — HEX, RGB, and HSL — so you can copy whichever one your project needs. Set the count above 1 to generate a small palette of several random colors at once.
How to Use It
- Choose how many colors to generate (1 to 12).
- Click "Generate" to create random colors, each shown as a swatch with HEX, RGB, and HSL values.
- Click "Copy" next to any format to copy that value to your clipboard.
Example
A generated color might come out as HEX #3fae7c, RGB rgb(63, 174, 124), and HSL hsl(147, 47%, 46%) — the same color expressed in three different formats commonly used in design and code.
Common Use Cases
- Finding inspiration for a website, app, or brand color palette.
- Generating placeholder colors for mockups, wireframes, or design systems.
- Quickly converting a random color into the HEX, RGB, or HSL format your CSS or design tool needs.
- Picking a fun random accent color for a personal project or presentation.
FAQs
Are the colors truly random?
Yes — each color is generated by randomly choosing red, green, and blue values independently, giving every one of the 16.7 million possible RGB colors an equal chance of appearing.
What's the difference between HEX, RGB, and HSL?
HEX and RGB both describe a color by its red, green, and blue components — HEX as a compact hexadecimal code and RGB as three decimal numbers. HSL describes the same color using hue, saturation, and lightness instead, which some designers find more intuitive for adjusting a color's shade.
Can I generate more than one color at a time?
Yes — set the "Colors to generate" field to any number up to 12 to create a small random palette in one click.