Random Color Generator
Generate random colors with hex, RGB, and HSL values. Perfect for design mockups, placeholder backgrounds, and creative inspiration.
Generate random colors with hex, RGB, and HSL values. Perfect for design mockups, placeholder backgrounds, and creative inspiration.
How to use this random color generator
This tool picks random points in color space and shows them to you three ways — hex (#3b82f6), RGB (rgb(59, 130, 246)), and HSL (hsl(217, 91%, 60%)). The mode selector biases the picker toward a specific type of color instead of uniformly sampling all 16.7 million possibilities, which often produces muddy or ugly results.
- Pick a mode. Any samples the entire RGB cube. Vividbiases toward saturated colors (high S, mid L). Pastel gives soft, washed colors (mid-high S, high L). Dark and Light constrain lightness to one end of the spectrum.
- Pick a count. Generate between 1 and 10 colors. Treat multiple results as a spontaneous palette — helpful when you need adjacent colors for a chart or a UI mockup.
- Copy any format. Each swatch has copy buttons for hex, RGB, and HSL. Hex is shortest and what CSS and design tools expect; HSL is easier to tweak by hand.
- Regenerate freely. Unlike picking from a fixed palette, random generation is free — hit it until something clicks. It is a great jumping-off point when you are stuck on a color decision.
Accessibility note. Random colors do not guarantee contrast. Before shipping a color combination in UI, check it against a WCAG contrast checker — foreground/background must hit 4.5:1 for body text and 3:1 for large text. This tool is for creative exploration, not compliance.