Press the button to get random colors, each shown with its HEX, RGB and HSL code. Leave the preset on Any for total surprise, or choose pastel, dark, bright, muted or light, and narrow the hue range if you want colors from one part of the wheel. Copy any color with its own button.
If you pick red, green and blue values at random you often get dull browns and grays, because most combinations of the three are not vivid. Picking hue, saturation and lightness separately gives you control over what matters. Hue is the family, saturation is the intensity and lightness is how bright it is.
That is why the presets can be so simple. A pastel is any hue with high lightness and medium saturation. A dark color is any hue with low lightness. The presets only restrict two of the three numbers and leave the hue free.
Random colors are a good way to break a creative block or to test a layout with many different colors, such as chart series or tags. For brand work, use them as a prompt: generate twenty, keep two or three that you like and adjust them by hand.
Limit the number of colors in one design. A main color, a supporting color and a neutral for text and backgrounds is enough for most sites. A random color is much more useful when it has a job than when it is added for decoration.
Colors look different on different screens, so test on at least a phone and a laptop. Look at the color next to the colors it will sit beside, not on its own, since neighbors change how a color looks.
Check contrast when text will sit on the color. People with low vision or in bright sunlight need strong contrast to read. Use a contrast checker with the HEX codes, and aim for a ratio of at least 4.5 to 1 for normal text.
A six-digit code with a hash in front, such as #FF0000. The digits are red, green and blue amounts in base 16, two digits each. #FF0000 is full red with no green and no blue.
H is hue in degrees on the color wheel (0 is red, 120 green, 240 blue), S is saturation as a percent (0 is gray, 100 is vivid) and L is lightness as a percent (0 is black, 100 is white, 50 is the pure color).
Yes. A hue, saturation and lightness are each picked at random inside the limits you set, then converted to RGB and HEX. Picking in HSL gives more pleasing colors than picking random RGB numbers, which tend toward muddy tones.
Each preset fixes a range of saturation and lightness. For example, pastel keeps saturation between 60 and 90 percent and lightness between 80 and 92 percent, which gives soft, light colors.
Yes. A color code is just a number, and nobody owns a number. Check any brand rules or trademark issues if you use a color to look like someone else's brand.
Related: Color contrast checker, Hex color picker, Color palette from image.
Start for free or see all free tools. We.Inc is free to start, with no card needed. AI building is on paid plans from $20 a month.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.