Random Color Generator

Press the button and you get one color: a large swatch filled with it, the color's name on top, and its six-digit hex code underneath. The pick comes from a list of 1,302 named colors, the familiar A-to-Z catalog that runs from Absolute Zero (#0048BA) and Acid Green (#B0BF1A) through Puce, Tea Rose and Xanadu to Zaffre (#0014A8). It is a quick way to get an unexpected starting point when you are staring at a blank canvas, a plain wall or an empty CSS file.

What you get with each press

• A swatch. The whole card is painted in the color, so you see it at a useful size rather than as a thumbnail.
• The name. Names range from ordinary (Tan, Fawn, Lavender) to the historical and odd (Field Drab, Ogre Odor, Interdimensional Blue, Golden Poppy). Where a name has a qualifier in parentheses, such as Air Force Blue (RAF) versus Air Force Blue (USAF), it appears on the card.
• The hex code. Standard #RRGGBB, ready to paste into CSS, Figma, Canva, Procreate or any paint program that takes hex input.
• A copy button. It copies the name and hex together as one line, for example Tea Rose,#F4C2C2, with any parenthetical qualifier stripped so the text is clean.

There are no filters for hue, lightness or family, and only one color appears per press. If you need several colors that work together rather than one at random, the Random Color Palette Generator builds a set in one go.

Where a single random color is useful

• Color-a-day drawing practice. Artists doing daily studies use a random pick as the constraint: paint a subject in only this color and its tints. Pair it with the Random Things to Draw tool for the subject.
• Placeholder and debug colors. Front-end developers who need a distinct background for a test element or a chart series can grab one and paste the hex, instead of typing #FF00FF for the hundredth time.
• Breaking a decision loop. Choosing an accent color for a room, a party theme or a slide deck can drag on for days. A random pick gives you something concrete to react to, even if the reaction is "no, warmer than that".
• Classroom color vocabulary. Teachers show the swatch and have students guess the name, or find an object in the room that matches. The obscure names (Jonquil, Feldgrau, Glaucous) make a good vocabulary quiz.
• Craft and game prompts. Knitters choosing the next yarn, or friends playing a "draw something in this color" round, use it as a neutral referee.

Reading the hex code

A hex color is three pairs of hexadecimal digits for red, green and blue, each running from 00 (none) to FF (full). Tea Rose is #F4C2C2: red at F4 (244 of 255), green and blue both at C2 (194), which is why it reads as a pale, slightly warm pink. Absolute Zero is #0048BA: almost no red, a bit of green, a lot of blue. A few things worth knowing when you use the codes:

• Hex codes are case-insensitive. #f4c2c2 and #F4C2C2 are the same color.
• CSS also accepts the same value as rgb(244, 194, 194); convert by reading each pair as a decimal number.
• Names in this list are conventions from color dictionaries, paint ranges and web standards, not exact physical measurements. Two sources can give slightly different hex values for "Puce". The value shown here is the one in the list, and the hex is what you should copy, not the name.
• Only 148 of these names are CSS named colors. "Lavender" and "Tan" will work as bare words in a stylesheet; "Field Drab" will not, so use the hex.

For colors as a mood rather than a value, the Random Aesthetic Generator and Random Theme Generator give you a whole style direction, and the Random Shape Generator pairs well with a random color for abstract composition exercises. Everything in this group is under all fun, party and decision tools.