Handitab

Random Color Generator

Generate 1 to 12 random colors with their HEX, RGB, and HSL codes and a preview swatch for each, and reroll until a set suits you.

About Random Color Generator

A random color generator picks colors without a pattern, for placeholders, test data, or inspiration. This tool draws red, green, and blue independently as whole numbers from 0 to 255 using the browser's cryptographic random source, so each of the 16,777,216 sRGB colors is equally likely. It lists 1 to 12 colors per run with HEX, RGB, and HSL codes. The colors are unrelated to each other, so the set is not a harmonized palette.

How to use Random Color Generator

  1. Fill in "Number of colors".
  2. The result appears below. Press "Generate again" for a new one.
  3. Copy the result with the copy button, or download it as a file where that is offered.

Questions about Random Color Generator

Why do many random colors look dull or muddy?

Uniform random RGB values rarely land on vivid colors, because high saturation needs one channel near 0 and another near 255. Most combinations fall somewhere in between, which reads as greyish or pastel.

Runs in your browser. Page last updated .

More css and color tools

All 39 css and color tools
React Native Shadow GeneratorGenerate React Native shadow styles for iOS (shadowColor, shadowOffset, shadowOpacity, shadowRadius) and the Android elevation value.REM to PXConvert rem units to pixels by multiplying by the root font size (16px by default), with em, pt, percent, and vw results as well.RGB to HEXConvert an RGB color such as rgb(5, 150, 105) to its six-digit HEX code, with the matching HSL value shown alongside the result.RGBA to HEX ConverterConvert an RGBA color with an alpha value to an eight-digit HEX code, where the last two digits carry the transparency.VW to PXConvert vw units to pixels for a viewport width you set (1440px by default), where 1vw equals one percent of the viewport width.Aspect Ratio CalculatorCalculate the aspect ratio from a width and height, then find the matching height for a new width so the image keeps its proportions.