Random Color Generator — Hex, RGB, HSL Values

Generate beautiful random colors instantly. Get hex codes, RGB values, and HSL values. Copy any color code with one click. Press spacebar to generate!

#6366F1

Tip: Press Spacebar to generate

HEX

#6366F1

Click to copy

RGB

99, 102, 241

Click to copy

HSL

239, 84%, 67%

Click to copy

Saved Palette (max 10):

No saved colors yet

Recent Colors:

No colors generated yet

What do you want to do next?

Color Converter Coin Flip Simulator

Free Random Color Generator — Instant Color Inspiration

Looking for color inspiration? OptiDrop's Random Color Generator creates beautiful random colors with one click. Each color is displayed in hex, RGB, and HSL formats, making it easy to use in any design project. Simply click the Generate button or press the spacebar to discover a new color.

Three Color Formats

Every generated color is shown in three formats: Hex (e.g., #FF5733) for CSS and web design, RGB (e.g., rgb(255, 87, 51)) for digital displays, and HSL (e.g., hsl(14, 100%, 60%)) for intuitive color manipulation. Click any value card to copy it to your clipboard instantly.

Color History

The tool keeps track of your last 10 generated colors in a visual history bar. Click on any color in the history to revisit it. This is perfect for comparing colors or building a palette from your favorite random picks.

Frequently Asked Questions

Click the Generate button (or press the spacebar) to create a random color. The tool displays a large color swatch along with the hex code, RGB values, and HSL values. You can copy the hex code with a single click.

Each generated color is displayed in three formats: Hex (e.g., #FF5733), RGB (e.g., rgb(255, 87, 51)), and HSL (e.g., hsl(14, 100%, 60%)). These cover the most commonly used color formats in web design and graphic design.

Yes! Press the spacebar to generate a new random color without clicking the button. This makes it quick and easy to cycle through colors rapidly.

The last 10 generated colors are displayed in a history bar below the main color swatch. The history updates in real-time as you generate new colors. Note that the history resets when you close or refresh the page.

Last updated: June 2026