Generate
Use the button or press Space. Every one of the 16,777,216 RGB colors has an equal chance.
Basic Random Color GeneratorColor Generator
#6D5EF8
White text · 4.8:1 contrast
Press Space
Controls
How to use the generator
Generate colorClick the Generate color button.
Keyboard shortcutPress Space for a new color.
CategoriesChoose a quick category, search More styles, or create a Custom style.
Auto changeChoose a timed interval, then pause or resume whenever you like.
Party ModeRapid intervals require confirmation and include an immediate stop control.
FullscreenExpand the color to fill your display.
Clean ModeHide every overlay for distraction-free viewing.
SaveAdd the current color to favorites.
ShareCopy a direct link to the current color.
Your saved colors are stored locally in this browser using local storage. They remain available when you return on the same device and browser, but they do not sync across devices and may be removed if browser data is cleared. No account or cloud storage is involved.
Your collection
Keep the good ones close.
Recent colors
Up to 8Favorites
Saved on this deviceSimple by design
From a random moment to a useful color.
Use it anywhere
Copy HEX for the web, RGB for channel values, or HSL when you want intuitive adjustments.
Keep or share
Save favorites in this browser or copy a link that opens directly to the same color.
Color, decoded
Three formats. One color.
Use the format that fits your work. The values update together, so what you copy always matches the preview.
# HEX
Compact and familiar
Six hexadecimal digits describe the red, green, and blue channels. It is the everyday shorthand of web design.
RGB
Channel by channel
Red, green, and blue are each expressed from 0 to 255—the same values used to generate every result here.
HSL
Easy to adjust
Hue, saturation, and lightness describe color in a way that makes intentional variations easier to create.
Aa
Readable foregrounds
The preview compares black and white text and uses whichever provides the stronger WCAG contrast ratio.
Free color inspiration
A simple random color generator for HEX, RGB, and palettes
Basic Random Color Generator is a fast, free tool for discovering colors without installing an app or creating an account. Open the random color generator online, select a style, and press the Generate color button or your Space bar. The full-screen preview changes immediately, while the matching HEX, RGB, and HSL values remain visible and ready to copy. Use it to find a starting point for a website, illustration, presentation, brand concept, or room palette. It is also a practical way to break a creative block: instead of adjusting the same familiar colors, generate an unexpected option and decide what works from there.
Generate random HEX and RGB colors
Every solid color starts with randomly generated red, green, and blue channel values. For each result, the generator displays RGB channels on the familiar 0–255 scale, a six-digit HEX code, and an HSL value based on hue, saturation, and lightness. Copy the random color generator HEX output for CSS, design software, presentations, illustrations, or any app that accepts web colors. RGB is useful when you need individual channel values, while HSL makes it easier to create lighter, darker, softer, or more vivid variations. Since all three formats update together, there is no manual conversion and no uncertainty about whether the copied values match the large color preview.
Explore styles or make your own
Pure randomness is only one option. Choose broad categories such as pastel, muted, earthy, neon, dark, or light, then explore the larger style library for more focused results. Use Random when you want every RGB combination to have a chance, or narrow the range when a project already has a direction. Custom Style lets you select one or more hue families and set preferred saturation, lightness, and color temperature before generating. The live preview shows how those choices affect the result. You can name and save a custom style when you want to reuse the same creative boundaries later on that device, making repeat design sessions faster and more consistent.
Create a random color palette
Switch the background setting from Solid to Gradient or Motion to combine generated colors into a richer palette. The current palette values appear directly on the preview, so you can copy individual swatches and compare different directions without leaving the page. Gradient mode creates a smooth blend, while Motion adds an animated treatment for display and inspiration. A random color palette can help shape website themes, brand accents, poster backgrounds, social graphics, room schemes, data visualizations, or illustration ideas. Start with a broad style for variety, then create a custom style when the palette needs to follow a defined hue range, temperature, or level of intensity.
Check, save, and share each result
A useful color needs more than an attractive preview. The generator compares black and white foreground text and displays the stronger option with its contrast ratio, providing a practical first check for readable text. Click any displayed HEX, RGB, or HSL value to copy it, save promising colors to Favorites, revisit recent results, or share a direct link that opens the same HEX color. Favorites and custom styles stay in your browser’s local storage; no account is required and nothing is synced to a cloud service. Fullscreen expands the color across the display, while Clean Mode hides the interface when you want to evaluate a result without labels or controls competing for attention.
Common questions
Random color generator FAQ
How can I generate random colors?
Choose Random or a color style, then click Generate color or press the Space bar. The preview and color values update instantly.
How can I generate random hexadecimal color codes?
Generate a color, then click its HEX value to copy the randomly created six-digit code, such as #6D5EF8.
How can I convert RGB colors to hex codes?
Each color generated here shows matching RGB and HEX values automatically. If converting manually, convert each RGB channel from 0–255 to a two-digit hexadecimal value, combine the three pairs, and add # at the beginning.