Random Color Generator
Generate a random color, view it in HEX/RGB/HSL, and build a palette you can lock, shuffle, and save.
#6366f1 rgb(99, 102, 241) hsl(239, 84%, 67%) Color Palette
What Is a Random Color Generator?
A random color generator creates unpredictable color values — in HEX, RGB, and HSL formats — with a single click. It is a great source of inspiration for designers, front-end developers, and artists who want to break out of their usual color habits or quickly populate a design mockup with placeholder swatches. Each generated color is accompanied by its full specification so you can copy the format you need.
This tool goes a step further by including a palette mode that generates five coordinated random colors at once. Each color swatch has a lock toggle: click the lock icon to prevent that color from changing when you generate a new palette. This lets you iteratively refine a palette — keep a base color you like and reshuffle the rest until everything clicks. Once you are happy with a set, hit "Save Palette" to store it in your browser's localStorage. Saved palettes persist between sessions, so you can build a personal collection of color schemes over time.
Whether you are prototyping a UI, searching for a accent color, or just having fun exploring color space, this generator gives you an endless stream of fresh colors with zero friction. All generation runs client-side — nothing is sent to any server.
Frequently Asked Questions
Are the random colors truly random?
Each color is generated using Math.random() in JavaScript, which produces a pseudo-random distribution across the full RGB color space (16.7 million possible colors). While not cryptographically random, the distribution is sufficiently uniform for design inspiration and prototyping.
How does the lock feature work?
Each color swatch in the palette has a lock icon. Clicking it toggles the locked state — locked colors keep their current value when you generate a new palette, while unlocked colors are replaced with new random colors. This lets you incrementally build a palette you like.
Where are saved palettes stored?
Palettes are saved to your browser's localStorage under the key "random-color-palettes". They persist across page reloads and browser sessions on the same device. Clearing your browser data will remove saved palettes.
Can I download or export my palette?
Currently, saved palettes are stored in your browser. You can copy individual color values using the copy buttons next to each format. For more advanced palette management, use our dedicated Palette Generator tool.