Random Color Generator

Need a color to start with? Stuck choosing between shades? Want to generate a random palette for a design prototype? The Random Color Generator gives you instant, truly random colors in every format you need, with controls to guide the randomness toward colors that actually work. Basic usage: Click Generate Color for a single random color shown in HEX, RGB, HSL, and OKLCH simultaneously. All four format values are displayed and each has its own one-click copy button. Press Space or click Generate again to get the next random color. Lock specific channels: Prevent specific color components from changing between generations. Lock the Hue slider to keep colors in the same color family — for example, locking hue at 220° always generates blues. Lock Saturation to keep colors at the same vividness. Lock Lightness to stay in the same brightness range. These locks let you explore variations of a color direction without fully random results. Brightness range control: Set a minimum and maximum lightness range to avoid colors that are too dark to use on dark backgrounds or too washed out to use on light backgrounds. Keep the range between 25% and 75% lightness for colors that work reliably in UI contexts. Generate a palette: Switch to Palette Mode to generate 5 or 10 colors at once. All colors are randomly generated independently. Use this as a starting point for a design system, a brand palette, or choosing chart colors. Each color in the palette has its own copy button. Favorite colors: Click the heart icon on any generated color to save it to your favorites list for the session. This lets you keep good colors as you continue generating and explore without losing discoveries. Copy in any format: Copy HEX for CSS and design tools, RGB for CSS color functions and JavaScript, HSL for color manipulation in CSS, or OKLCH for perceptually uniform color work in modern CSS. All values are formatted and ready to paste.