Generate random colors in HEX, RGB, and HSL at once — pick a mode, generate a single color or a whole palette, and copy whichever format you need. Everything runs in your browser.
Picks red, green, and blue completely at random, uniformly across the entire color space.
Vivid, highly saturated colors at medium lightness — good for accents, buttons, and highlights.
Deep, low-lightness colors — good for dark backgrounds and dark-theme UI.
Soft, low-saturation, high-lightness colors — good for gentle backgrounds and subtle UI accents.
A random color generator picks a color for you instead of you dialing one in by hand on a color wheel or picker. This tool produces each color in three formats at once — HEX, RGB, and HSL — so whatever your project or code editor expects, you can copy it directly without converting anything yourself. Pick a mode above to steer the kind of color you get: fully random for no constraints at all, or Bright, Dark, and Pastel when you want something closer to a specific look.
A HEX color code is six hexadecimal digits, written as three pairs: the first pair sets red, the second sets green, and the third sets blue. Each pair runs from 00 to FF, which is the same 0-255 range RGB uses, just written in base 16 instead of base 10. So #4F46E5 means red = 4F (79), green = 46 (70), and blue = E5 (229) — the exact same color as rgb(79, 70, 229). HEX is compact and is the format most CSS, design software, and image editors default to, which is why it's usually the fastest one to paste somewhere.
RGB and HSL describe the exact same colors, just from two different angles. RGB states how much red, green, and blue light to mix together, each on a 0-255 scale — it maps closely to how a screen actually produces color, but it isn't very intuitive to tweak by hand, since raising the "brightness" of a color usually means adjusting all three numbers at once.
HSL instead separates a color into hue (its position on a 0-360 degree color wheel — red, yellow, green, blue, and back to red), saturation (how vivid versus gray it is, 0-100%), and lightness (how close to black or white it is, 0-100%). That separation makes HSL easier to reason about when you want to keep a color's identity but make it brighter, more muted, or lighter — you just adjust one number instead of recalculating three.
Designers and developers reach for a random color generator for all kinds of everyday, low-stakes needs: sparking color inspiration when a palette feels stuck, quickly filling in placeholder colors for a mockup or wireframe before real brand colors are chosen, generating a batch of distinct colors to tell apart chart series or user avatars, or picking a random accent color to test how a layout holds up against different looks. The Bright, Dark, and Pastel modes exist for exactly this — instead of a fully random draw that might land on something muddy or barely visible, they keep the saturation and lightness in a range that reliably looks vivid, moody, or soft, whichever the task calls for.
A HEX color is a way of writing a color as a six-digit code, like #4F46E5. The first two digits set the amount of red, the middle two set green, and the last two set blue, each on a scale from 00 to FF (0 to 255 in decimal). It's the format most CSS, design tools, and image editors use by default.
RGB describes a color as three separate numbers for red, green, and blue, each from 0 to 255 — for example, rgb(79, 70, 229). It's the same underlying color a HEX code represents, just written as three decimal numbers instead of one six-digit code.
HSL describes a color by hue (its position on a 0-360 degree color wheel), saturation (how vivid or gray it is, 0-100%), and lightness (how close to black or white it is, 0-100%). It's the same color as the equivalent HEX or RGB value, just expressed in terms that are often easier to reason about when you want to adjust a color's mood or brightness without changing its underlying hue.
Yes. Use the "Number of colors" field below the main color and click Generate Palette to produce a grid of up to 20 colors at once, all in your currently selected mode.
Yes — and RGB and HSL too. Use the individual Copy HEX, Copy RGB, or Copy HSL buttons for one format at a time, or Copy All to copy all three formats at once, each on its own line. Every color card in a generated palette also has its own quick copy button for its HEX value.
Yes, completely free, with no sign-up and no limit on how many colors or palettes you generate.
Each swatch calculates the relative luminance of its own color and switches its text between black and white, whichever gives better contrast against that specific background. This happens automatically for every color, so the HEX/RGB/HSL values stay readable whether the generated color is very light or very dark.
Explore Brekzy's growing collection of free calculators, converters, AI tools, and practical resources.