🎨

Random Color Generator

Generate random colors with HEX, RGB, and HSL values. Lock colors you like, then regenerate the rest to build your perfect palette.

🔒 Click the lock icon to keep a color when regenerating.

About Random Color Generator

This tool generates random colors and displays them with their HEX, RGB, and HSL values. The lock feature lets you keep colors you like while regenerating the rest - useful for iterating toward a cohesive color palette for design projects.

Color Modes

  • Any - Fully random colors across the entire spectrum.
  • Light tones - High-lightness colors suitable for backgrounds.
  • Dark tones - Low-lightness colors for dark themes.
  • Vibrant - High-saturation, medium-lightness colors.
  • Pastel - High-lightness, medium-saturation soft colors.

How to Use

  1. Click Generate to get a new set of random colors.
  2. Click the 🔒 lock icon on any swatch to keep that color while regenerating the others.
  3. Click any color swatch to copy its HEX code.
  4. Use the palette to build brand color schemes, UI themes, or design inspiration.

How It Works

Random HSL values are generated - hue (0–360°), saturation (40–90%), and lightness (30–70%) - within aesthetic ranges to avoid pure grays or near-white/near-black colors. HEX and RGB values are calculated from the HSL values.

Example

Lock a deep purple you like, then keep regenerating the remaining three swatches to find complementary accent colors. When all four feel harmonious, copy their HEX codes into your design system.

FAQ

Clicking the lock on a color card keeps that color in place when you click Generate again. This lets you build a palette incrementally by locking colors you like and regenerating the rest.
RGB (Red, Green, Blue) describes colors by their component intensities. HSL (Hue, Saturation, Lightness) describes colors in a way that is closer to how humans perceive them - making it easier to adjust brightness or saturation without changing the hue.