Advertisement

Random color generator

Press the button and get a random color with its HEX code, RGB and HSL values and a plain name like blue or pink. Draw up to ten at once for a palette, keep to bright, pastel or dark colors, and click any swatch to copy its code.

Kind of color

    No color drawn yet

    Earlier draws

    Each draw appears here, newest first.

      Advertisement

      How to get a random color

      1. Choose the kind at the top: Any color, Bright, Pastel or Dark.
      2. Press Draw a color. The swatch shows the HEX code, such as #3A7BD5, and the color name; RGB and HSL are under it.
      3. Set How many to get up to ten different colors at once. With Bright, Pastel or Dark they are spread around the color wheel, so a palette of five never comes out as five blues.
      4. Click a swatch to copy its HEX code, or use Copy all for the whole draw, one code per line. History keeps your earlier colors.

      Advertisement

      What people use a random color for

      Design and code

      Need a placeholder color for a mockup, a chart series or a CSS test? Draw one, click it and paste the HEX code straight into Figma, a stylesheet or a spreadsheet. HSL is there when you want to tweak lightness by hand.

      Palette ideas

      Stuck with the same three colors? Draw five pastel or five dark ones and see what you would never have picked yourself. Keep the ones you like from History and draw again for the rest.

      Art challenges

      Paint, knit or decorate a cake in whatever color comes up. Artists use a random color as a daily prompt, and teachers use it to start a lesson on mixing paint or naming shades.

      Games and teams

      Give each team a color, pick the color of the next round in a party game or decide what everyone wears to the office photo. Present mode shows the swatch big enough for the whole room.

      Advertisement

      Questions about the random color generator

      Is every color equally likely?

      With Any color, yes: each of the 16,777,216 colors of 24-bit RGB has the same chance, which is why many results look a little gray or muddy. With Bright, Pastel or Dark, every hue is equally likely and the strength and lightness stay inside the range that word promises. The pick comes from the secure random generator in your browser.

      What do HEX, RGB and HSL mean?

      They are three ways to write the same color. HEX, like #FF5A3C, is the short code used in web design. RGB gives the amount of red, green and blue from 0 to 255. HSL gives the hue on the color wheel in degrees, then saturation and lightness in percent.

      Where does the color name come from?

      The page looks at the hue, strength and lightness and gives the everyday word for that area: red, orange, yellow, green, teal, blue, purple, pink, brown, gray, black or white. It is a rough guide, not an official color name, so a color on the border between two families may get either word.

      How do I copy a color?

      Click or tap the swatch and its HEX code is on your clipboard. Copy all copies every color of the last draw, one per line, and Copy in History copies earlier draws with their times.

      Can two colors in one palette be the same?

      No. A draw of several colors never repeats one. With Bright, Pastel or Dark the colors are also kept apart on the color wheel, so they look clearly different from each other.

      Do I need an account or an app?

      No. The page works in any modern browser on a phone, tablet or computer, keeps working offline once loaded and saves your history only on your own device.

      Advertisement

      More random tools