Random Color Generator

About the Random Color Generator

Generates a random color and shows its HEX and RGB codes with a swatch, handy for design inspiration.

How to use

Click Generate for a new random color.

Worked example

A random draw might give #4 A90E2 (a pleasant blue).

How to use this calculator

1. Click the generate button to create a random color.
2. Read the HEX value shown by the tool.
3. Read the RGB value shown by the tool.
4. Copy the color code you want to use in your design or project.

Step by step method

1. Open the Random Color Generator and start with a fresh random color.
2. Check both color formats the tool provides, HEX and RGB, so you can use whichever one your app or editor needs.
3. If you want another option, generate a new color until you find one you like.
4. Copy the chosen code and paste it into your design, code, or document.

Worked example

Suppose you need a quick accent color for a webpage and want to copy it into CSS.

1. Generate a random color and the tool shows HEX color #3F7BD8.
2. It also shows the matching RGB value as rgb(63, 123, 216).
3. Copy either format, depending on where you plan to use it.

Tips and common mistakes

• Use HEX when working in design tools or CSS, since it is a common web format.
• Use RGB when your editor, graphics app, or code expects separate red, green, and blue values.
• If a color looks too bright or too dark, generate again until you get a better match.
• Remember that this tool gives a random result, so each click can produce a different color.

Frequently asked questions