Random Generator Kit

HomeEveryday › Color

Random Color Generator

The 141 colour names every browser understands, all of them below. Press the button for one at random — you get the name you can type straight into CSS, its hex code, its RGB values and a swatch of the colour itself.

Press the button for a colour.

141 colors in this list.

All 141 named colours

ColourHexRGBFamily
aliceblue#F0F8FF240, 248, 255Blue
antiquewhite#FAEBD7250, 235, 215Orange
aqua#00FFFF0, 255, 255Cyan
aquamarine#7FFFD4127, 255, 212Green
azure#F0FFFF240, 255, 255Cyan
beige#F5F5DC245, 245, 220Yellow
bisque#FFE4C4255, 228, 196Orange
black#0000000, 0, 0Black
blanchedalmond#FFEBCD255, 235, 205Orange
blue#0000FF0, 0, 255Blue
blueviolet#8A2BE2138, 43, 226Purple
brown#A52A2A165, 42, 42Red
burlywood#DEB887222, 184, 135Orange
cadetblue#5F9EA095, 158, 160Cyan
chartreuse#7FFF00127, 255, 0Green
chocolate#D2691E210, 105, 30Orange
coral#FF7F50255, 127, 80Orange
cornflowerblue#6495ED100, 149, 237Blue
cornsilk#FFF8DC255, 248, 220Yellow
crimson#DC143C220, 20, 60Red
cyan#00FFFF0, 255, 255Cyan
darkblue#00008B0, 0, 139Blue
darkcyan#008B8B0, 139, 139Cyan
darkgoldenrod#B8860B184, 134, 11Brown
darkgray#A9A9A9169, 169, 169Grey
darkgreen#0064000, 100, 0Green
darkkhaki#BDB76B189, 183, 107Yellow
darkmagenta#8B008B139, 0, 139Pink
darkolivegreen#556B2F85, 107, 47Green
darkorange#FF8C00255, 140, 0Orange
darkorchid#9932CC153, 50, 204Purple
darkred#8B0000139, 0, 0Red
darksalmon#E9967A233, 150, 122Orange
darkseagreen#8FBC8F143, 188, 143Green
darkslateblue#483D8B72, 61, 139Blue
darkslategray#2F4F4F47, 79, 79Cyan
darkturquoise#00CED10, 206, 209Cyan
darkviolet#9400D3148, 0, 211Purple
deeppink#FF1493255, 20, 147Pink
deepskyblue#00BFFF0, 191, 255Cyan
dimgray#696969105, 105, 105Grey
dodgerblue#1E90FF30, 144, 255Blue
firebrick#B22222178, 34, 34Red
floralwhite#FFFAF0255, 250, 240Orange
forestgreen#228B2234, 139, 34Green
fuchsia#FF00FF255, 0, 255Pink
gainsboro#DCDCDC220, 220, 220Grey
ghostwhite#F8F8FF248, 248, 255Blue
gold#FFD700255, 215, 0Yellow
goldenrod#DAA520218, 165, 32Orange
gray#808080128, 128, 128Grey
green#0080000, 128, 0Green
greenyellow#ADFF2F173, 255, 47Green
honeydew#F0FFF0240, 255, 240Green
hotpink#FF69B4255, 105, 180Pink
indianred#CD5C5C205, 92, 92Red
indigo#4B008275, 0, 130Purple
ivory#FFFFF0255, 255, 240Yellow
khaki#F0E68C240, 230, 140Yellow
lavender#E6E6FA230, 230, 250Blue
lavenderblush#FFF0F5255, 240, 245Pink
lawngreen#7CFC00124, 252, 0Green
lemonchiffon#FFFACD255, 250, 205Yellow
lightblue#ADD8E6173, 216, 230Cyan
lightcoral#F08080240, 128, 128Red
lightcyan#E0FFFF224, 255, 255Cyan
lightgoldenrodyellow#FAFAD2250, 250, 210Yellow
lightgray#D3D3D3211, 211, 211Grey
lightgreen#90EE90144, 238, 144Green
lightpink#FFB6C1255, 182, 193Red
lightsalmon#FFA07A255, 160, 122Orange
lightseagreen#20B2AA32, 178, 170Cyan
lightskyblue#87CEFA135, 206, 250Blue
lightslategray#778899119, 136, 153Blue
lightsteelblue#B0C4DE176, 196, 222Blue
lightyellow#FFFFE0255, 255, 224Yellow
lime#00FF000, 255, 0Green
limegreen#32CD3250, 205, 50Green
linen#FAF0E6250, 240, 230Orange
magenta#FF00FF255, 0, 255Pink
maroon#800000128, 0, 0Red
mediumaquamarine#66CDAA102, 205, 170Green
mediumblue#0000CD0, 0, 205Blue
mediumorchid#BA55D3186, 85, 211Purple
mediumpurple#9370DB147, 112, 219Purple
mediumseagreen#3CB37160, 179, 113Green
mediumslateblue#7B68EE123, 104, 238Blue
mediumspringgreen#00FA9A0, 250, 154Green
mediumturquoise#48D1CC72, 209, 204Cyan
mediumvioletred#C71585199, 21, 133Pink
midnightblue#19197025, 25, 112Blue
mintcream#F5FFFA245, 255, 250Green
mistyrose#FFE4E1255, 228, 225Red
moccasin#FFE4B5255, 228, 181Orange
navajowhite#FFDEAD255, 222, 173Orange
navy#0000800, 0, 128Blue
oldlace#FDF5E6253, 245, 230Orange
olive#808000128, 128, 0Yellow
olivedrab#6B8E23107, 142, 35Green
orange#FFA500255, 165, 0Orange
orangered#FF4500255, 69, 0Orange
orchid#DA70D6218, 112, 214Pink
palegoldenrod#EEE8AA238, 232, 170Yellow
palegreen#98FB98152, 251, 152Green
paleturquoise#AFEEEE175, 238, 238Cyan
palevioletred#DB7093219, 112, 147Pink
papayawhip#FFEFD5255, 239, 213Orange
peachpuff#FFDAB9255, 218, 185Orange
peru#CD853F205, 133, 63Orange
pink#FFC0CB255, 192, 203Red
plum#DDA0DD221, 160, 221Pink
powderblue#B0E0E6176, 224, 230Cyan
purple#800080128, 0, 128Pink
rebeccapurple#663399102, 51, 153Purple
red#FF0000255, 0, 0Red
rosybrown#BC8F8F188, 143, 143Red
royalblue#4169E165, 105, 225Blue
saddlebrown#8B4513139, 69, 19Brown
salmon#FA8072250, 128, 114Red
sandybrown#F4A460244, 164, 96Orange
seagreen#2E8B5746, 139, 87Green
seashell#FFF5EE255, 245, 238Orange
sienna#A0522D160, 82, 45Orange
silver#C0C0C0192, 192, 192Grey
skyblue#87CEEB135, 206, 235Cyan
slateblue#6A5ACD106, 90, 205Blue
slategray#708090112, 128, 144Blue
snow#FFFAFA255, 250, 250Red
springgreen#00FF7F0, 255, 127Green
steelblue#4682B470, 130, 180Blue
tan#D2B48C210, 180, 140Orange
teal#0080800, 128, 128Cyan
thistle#D8BFD8216, 191, 216Pink
tomato#FF6347255, 99, 71Red
turquoise#40E0D064, 224, 208Cyan
violet#EE82EE238, 130, 238Pink
wheat#F5DEB3245, 222, 179Orange
white#FFFFFF255, 255, 255White
whitesmoke#F5F5F5245, 245, 245White
yellow#FFFF00255, 255, 0Yellow
yellowgreen#9ACD32154, 205, 50Green

Every swatch on this page is the colour itself, rendered from its own hex value — not a picture of it. The family column is worked out from each colour's hue, so the grouping is consistent even where a name is misleading.

How this list was built

These are the 141 names, not a palette someone liked. Every name here is one a browser will accept as a colour value — type rebeccapurple and you get exactly #663399. That makes the list checkable and fixed: it is defined by the CSS Color specification, not by taste.

Four pairs are the same colour under two names. aqua and cyan are both #00FFFF; fuchsia and magenta are both #FF00FF. Both names in each pair are listed, because both work, and pretending there are two colours there would be wrong. The gray spellings also each have a grey twin that browsers accept — darkgrey, dimgrey, lightgrey, slategrey and the rest — which is why some counts of this list say 148 rather than {N}.

Some of the names are simply wrong, and that is part of the history. darkgray (#A9A9A9) is lighter than gray (#808080). lightgoldenrodyellow is barely yellow. The names came from X11 on Unix workstations in the 1980s, were adopted by browsers, and can never be corrected now because pages depend on them.

rebeccapurple has a story. It was added to the specification in 2014 in memory of Rebecca Meyer, the six-year-old daughter of the web standards writer Eric Meyer. It is the only colour in the list named after a person.

The family column is computed, not curated. Each colour's hue decides its group, with two extra rules: anything with almost no saturation is black, grey or white by its lightness, and a dark orange is a brown. That is the whole classifier, and stating it is the point — nothing drifts as the list changes, and no two similar colours land in different families because someone judged them on different days. It also means the pale colours sit with their hue: antiquewhite is a pale orange and is filed as one.

Sources. The names and hex values are those defined by the CSS Color specification, which browsers implement exactly. RGB values are the same numbers in decimal. Family groupings are derived from each colour's own hue and lightness.

Common questions

How many named colours are there in CSS?

141 distinct names in this list. Counts of 147 or 148 come from including the British spellings — grey for gray — which browsers also accept but which point at the same colours.

Can I paste these names straight into my CSS?

Yes. Every name here is valid as a colour value, so color: mediumseagreen works with no hex code at all. The hex and RGB are given for anywhere that will not take a name, such as design tools and image editors.

Why is darkgray lighter than gray?

Because the two names came from different places. gray was defined at 50% brightness; darkgray came from the X11 colour list where it was meant to sit alongside a different set. Browsers kept both, and the inconsistency is now permanent.

I want a completely random colour, not a named one.

That is a different thing, and worth knowing the difference: there are 16,777,216 possible hex colours and only 141 of them have names. This page picks from the named ones, which is what you want if you need a colour you can also say out loud or type into CSS.

Does it repeat?

Not while no-repeats is ticked — it works through all 141 before any colour comes up twice.

Other generators