Random Color Generator

Generate random colors in HEX, RGB, and HSL formats. Create harmonious palettes, check accessibility contrast, and export to CSS or Tailwind.

Generated Color

No Color

Generate

Generator Settings

-
-
-

Color

HEX-

Quick Answer

Generate random colors instantly in HEX, RGB, and HSL formats. Create harmonious color palettes, check accessibility contrast ratios, and export as CSS variables or Tailwind config. Perfect for designers, developers, and artists.

Key Facts

  • Generate colors in HEX, RGB, HSL formats
  • Create color palettes: complementary, triadic, analogous
  • WCAG contrast ratio checker for accessibility
  • Copy colors in multiple formats (CSS, Tailwind, JSON)
  • Control hue, saturation, and lightness ranges
  • Named color suggestions from CSS color names
  • Color history for recent generations
  • Export entire palettes as CSS variables

Frequently Asked Questions

HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(14, 100%, 60%)), and RGBA with alpha transparency.
WCAG contrast ratio measures readability between text and background colors. AA requires 4.5:1 for normal text, AAA requires 7:1. We calculate this automatically.
Color harmonies are based on the color wheel: complementary (opposite), triadic (120 degrees apart), analogous (adjacent), split-complementary, and tetradic.