« Couleurs CSS » : différence entre les versions
Aller à la navigation
Aller à la recherche
mAucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 18 : | Ligne 18 : | ||
</div> | </div> | ||
=== Les couleurs étendues === | === Les couleurs étendues === | ||
<div style="text-align: center"> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">antiquewhite</div><div style="flex: 1; background-color: antiquewhite;"> </div><div style="flex: 1; background-color: white;">#faebd7</div><div style="flex: 1; background-color: white;">rgb(250,235,215)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">aqua</div><div style="flex: 1; background-color: aqua;"> </div><div style="flex: 1; background-color: white;">#00ffff</div><div style="flex: 1; background-color: white;">rgb(0,255,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">aquamarine</div><div style="flex: 1; background-color: aquamarine;"> </div><div style="flex: 1; background-color: white;">#7fffd4</div><div style="flex: 1; background-color: white;">rgb(127,255,212)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">azure</div><div style="flex: 1; background-color: azure;"> </div><div style="flex: 1; background-color: white;">#f0ffff</div><div style="flex: 1; background-color: white;">rgb(240,255,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">beige</div><div style="flex: 1; background-color: beige;"> </div><div style="flex: 1; background-color: white;">#f5f5dc</div><div style="flex: 1; background-color: white;">rgb(245,245,220)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">bisque</div><div style="flex: 1; background-color: bisque;"> </div><div style="flex: 1; background-color: white;">#ffe4c4</div><div style="flex: 1; background-color: white;">rgb(255,228,196)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">black</div><div style="flex: 1; background-color: black;"> </div><div style="flex: 1; background-color: white;">#000000</div><div style="flex: 1; background-color: white;">rgb(0,0,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">blanchedalmond</div><div style="flex: 1; background-color: blanchedalmond;"> </div><div style="flex: 1; background-color: white;">#ffebcd</div><div style="flex: 1; background-color: white;">rgb(255,235,205)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">blue</div><div style="flex: 1; background-color: blue;"> </div><div style="flex: 1; background-color: white;">#0000ff</div><div style="flex: 1; background-color: white;">rgb(0,0,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">blueviolet</div><div style="flex: 1; background-color: blueviolet;"> </div><div style="flex: 1; background-color: white;">#8a2be2</div><div style="flex: 1; background-color: white;">rgb(138,43,226)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">brown</div><div style="flex: 1; background-color: brown;"> </div><div style="flex: 1; background-color: white;">#a52a2a</div><div style="flex: 1; background-color: white;">rgb(165,42,42)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">burlywood</div><div style="flex: 1; background-color: burlywood;"> </div><div style="flex: 1; background-color: white;">#deb887</div><div style="flex: 1; background-color: white;">rgb(222,184,135)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">cadetblue</div><div style="flex: 1; background-color: cadetblue;"> </div><div style="flex: 1; background-color: white;">#5f9ea0</div><div style="flex: 1; background-color: white;">rgb(95,158,160)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">chartreuse</div><div style="flex: 1; background-color: chartreuse;"> </div><div style="flex: 1; background-color: white;">#7fff00</div><div style="flex: 1; background-color: white;">rgb(127,255,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">chocolate</div><div style="flex: 1; background-color: chocolate;"> </div><div style="flex: 1; background-color: white;">#d2691e</div><div style="flex: 1; background-color: white;">rgb(210,105,30)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">coral</div><div style="flex: 1; background-color: coral;"> </div><div style="flex: 1; background-color: white;">#ff7f50</div><div style="flex: 1; background-color: white;">rgb(255,127,80)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">cornflowerblue</div><div style="flex: 1; background-color: cornflowerblue;"> </div><div style="flex: 1; background-color: white;">#6495ed</div><div style="flex: 1; background-color: white;">rgb(100,149,237)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">cornsilk</div><div style="flex: 1; background-color: cornsilk;"> </div><div style="flex: 1; background-color: white;">#fff8dc</div><div style="flex: 1; background-color: white;">rgb(255,248,220)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">crimson</div><div style="flex: 1; background-color: crimson;"> </div><div style="flex: 1; background-color: white;">#dc143c</div><div style="flex: 1; background-color: white;">rgb(220,20,60)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">cyan</div><div style="flex: 1; background-color: cyan;"> </div><div style="flex: 1; background-color: white;">#00ffff</div><div style="flex: 1; background-color: white;">rgb(0,255,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkblue</div><div style="flex: 1; background-color: darkblue;"> </div><div style="flex: 1; background-color: white;">#00008b</div><div style="flex: 1; background-color: white;">rgb(0,0,139)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkcyan</div><div style="flex: 1; background-color: darkcyan;"> </div><div style="flex: 1; background-color: white;">#008b8b</div><div style="flex: 1; background-color: white;">rgb(0,139,139)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkgoldenrod</div><div style="flex: 1; background-color: darkgoldenrod;"> </div><div style="flex: 1; background-color: white;">#b8860b</div><div style="flex: 1; background-color: white;">rgb(184,134,11)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkgray</div><div style="flex: 1; background-color: darkgray;"> </div><div style="flex: 1; background-color: white;">#a9a9a9</div><div style="flex: 1; background-color: white;">rgb(169,169,169)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkgreen</div><div style="flex: 1; background-color: darkgreen;"> </div><div style="flex: 1; background-color: white;">#006400</div><div style="flex: 1; background-color: white;">rgb(0,100,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkgrey</div><div style="flex: 1; background-color: darkgrey;"> </div><div style="flex: 1; background-color: white;">#a9a9a9</div><div style="flex: 1; background-color: white;">rgb(169,169,169)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkkhaki</div><div style="flex: 1; background-color: darkkhaki;"> </div><div style="flex: 1; background-color: white;">#bdb76b</div><div style="flex: 1; background-color: white;">rgb(189,183,107)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkmagenta</div><div style="flex: 1; background-color: darkmagenta;"> </div><div style="flex: 1; background-color: white;">#8b008b</div><div style="flex: 1; background-color: white;">rgb(139,0,139)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkolivegreen</div><div style="flex: 1; background-color: darkolivegreen;"> </div><div style="flex: 1; background-color: white;">#556b2f</div><div style="flex: 1; background-color: white;">rgb(85,107,47)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkorange</div><div style="flex: 1; background-color: darkorange;"> </div><div style="flex: 1; background-color: white;">#ff8c00</div><div style="flex: 1; background-color: white;">rgb(255,140,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkorchid</div><div style="flex: 1; background-color: darkorchid;"> </div><div style="flex: 1; background-color: white;">#9932cc</div><div style="flex: 1; background-color: white;">rgb(153,50,204)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkred</div><div style="flex: 1; background-color: darkred;"> </div><div style="flex: 1; background-color: white;">#8b0000</div><div style="flex: 1; background-color: white;">rgb(139,0,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darksalmon</div><div style="flex: 1; background-color: darksalmon;"> </div><div style="flex: 1; background-color: white;">#e9967a</div><div style="flex: 1; background-color: white;">rgb(233,150,122)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkseagreen</div><div style="flex: 1; background-color: darkseagreen;"> </div><div style="flex: 1; background-color: white;">#8fbc8f</div><div style="flex: 1; background-color: white;">rgb(143,188,143)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkslateblue</div><div style="flex: 1; background-color: darkslateblue;"> </div><div style="flex: 1; background-color: white;">#483d8b</div><div style="flex: 1; background-color: white;">rgb(72,61,139)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkslategray</div><div style="flex: 1; background-color: darkslategray;"> </div><div style="flex: 1; background-color: white;">#2f4f4f</div><div style="flex: 1; background-color: white;">rgb(47,79,79)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkslategrey</div><div style="flex: 1; background-color: darkslategrey;"> </div><div style="flex: 1; background-color: white;">#2f4f4f</div><div style="flex: 1; background-color: white;">rgb(47,79,79)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkturquoise</div><div style="flex: 1; background-color: darkturquoise;"> </div><div style="flex: 1; background-color: white;">#00ced1</div><div style="flex: 1; background-color: white;">rgb(0,206,209)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">darkviolet</div><div style="flex: 1; background-color: darkviolet;"> </div><div style="flex: 1; background-color: white;">#9400d3</div><div style="flex: 1; background-color: white;">rgb(148,0,211)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">deeppink</div><div style="flex: 1; background-color: deeppink;"> </div><div style="flex: 1; background-color: white;">#ff1493</div><div style="flex: 1; background-color: white;">rgb(255,20,147)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">deepskyblue</div><div style="flex: 1; background-color: deepskyblue;"> </div><div style="flex: 1; background-color: white;">#00bfff</div><div style="flex: 1; background-color: white;">rgb(0,191,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">dimgray</div><div style="flex: 1; background-color: dimgray;"> </div><div style="flex: 1; background-color: white;">#696969</div><div style="flex: 1; background-color: white;">rgb(105,105,105)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">dimgrey</div><div style="flex: 1; background-color: dimgrey;"> </div><div style="flex: 1; background-color: white;">#696969</div><div style="flex: 1; background-color: white;">rgb(105,105,105)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">dodgerblue</div><div style="flex: 1; background-color: dodgerblue;"> </div><div style="flex: 1; background-color: white;">#1e90ff</div><div style="flex: 1; background-color: white;">rgb(30,144,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">firebrick</div><div style="flex: 1; background-color: firebrick;"> </div><div style="flex: 1; background-color: white;">#b22222</div><div style="flex: 1; background-color: white;">rgb(178,34,34)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">floralwhite</div><div style="flex: 1; background-color: floralwhite;"> </div><div style="flex: 1; background-color: white;">#fffaf0</div><div style="flex: 1; background-color: white;">rgb(255,250,240)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">forestgreen</div><div style="flex: 1; background-color: forestgreen;"> </div><div style="flex: 1; background-color: white;">#228b22</div><div style="flex: 1; background-color: white;">rgb(34,139,34)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">fuchsia</div><div style="flex: 1; background-color: fuchsia;"> </div><div style="flex: 1; background-color: white;">#ff00ff</div><div style="flex: 1; background-color: white;">rgb(255,0,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">gainsboro</div><div style="flex: 1; background-color: gainsboro;"> </div><div style="flex: 1; background-color: white;">#dcdcdc</div><div style="flex: 1; background-color: white;">rgb(220,220,220)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">ghostwhite</div><div style="flex: 1; background-color: ghostwhite;"> </div><div style="flex: 1; background-color: white;">#f8f8ff</div><div style="flex: 1; background-color: white;">rgb(248,248,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">gold</div><div style="flex: 1; background-color: gold;"> </div><div style="flex: 1; background-color: white;">#ffd700</div><div style="flex: 1; background-color: white;">rgb(255,215,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">goldenrod</div><div style="flex: 1; background-color: goldenrod;"> </div><div style="flex: 1; background-color: white;">#daa520</div><div style="flex: 1; background-color: white;">rgb(218,165,32)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">gray</div><div style="flex: 1; background-color: gray;"> </div><div style="flex: 1; background-color: white;">#808080</div><div style="flex: 1; background-color: white;">rgb(128,128,128)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">green</div><div style="flex: 1; background-color: green;"> </div><div style="flex: 1; background-color: white;">#008000</div><div style="flex: 1; background-color: white;">rgb(0,128,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">greenyellow</div><div style="flex: 1; background-color: greenyellow;"> </div><div style="flex: 1; background-color: white;">#adff2f</div><div style="flex: 1; background-color: white;">rgb(173,255,47)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">grey</div><div style="flex: 1; background-color: grey;"> </div><div style="flex: 1; background-color: white;">#808080</div><div style="flex: 1; background-color: white;">rgb(128,128,128)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">honeydew</div><div style="flex: 1; background-color: honeydew;"> </div><div style="flex: 1; background-color: white;">#f0fff0</div><div style="flex: 1; background-color: white;">rgb(240,255,240)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">hotpink</div><div style="flex: 1; background-color: hotpink;"> </div><div style="flex: 1; background-color: white;">#ff69b4</div><div style="flex: 1; background-color: white;">rgb(255,105,180)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">indianred</div><div style="flex: 1; background-color: indianred;"> </div><div style="flex: 1; background-color: white;">#cd5c5c</div><div style="flex: 1; background-color: white;">rgb(205,92,92)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">indigo</div><div style="flex: 1; background-color: indigo;"> </div><div style="flex: 1; background-color: white;">#4b0082</div><div style="flex: 1; background-color: white;">rgb(75,0,130)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">ivory</div><div style="flex: 1; background-color: ivory;"> </div><div style="flex: 1; background-color: white;">#fffff0</div><div style="flex: 1; background-color: white;">rgb(255,255,240)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">khaki</div><div style="flex: 1; background-color: khaki;"> </div><div style="flex: 1; background-color: white;">#f0e68c</div><div style="flex: 1; background-color: white;">rgb(240,230,140)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lavender</div><div style="flex: 1; background-color: lavender;"> </div><div style="flex: 1; background-color: white;">#e6e6fa</div><div style="flex: 1; background-color: white;">rgb(230,230,250)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lavenderblush</div><div style="flex: 1; background-color: lavenderblush;"> </div><div style="flex: 1; background-color: white;">#fff0f5</div><div style="flex: 1; background-color: white;">rgb(255,240,245)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lawngreen</div><div style="flex: 1; background-color: lawngreen;"> </div><div style="flex: 1; background-color: white;">#7cfc00</div><div style="flex: 1; background-color: white;">rgb(124,252,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lemonchiffon</div><div style="flex: 1; background-color: lemonchiffon;"> </div><div style="flex: 1; background-color: white;">#fffacd</div><div style="flex: 1; background-color: white;">rgb(255,250,205)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightblue</div><div style="flex: 1; background-color: lightblue;"> </div><div style="flex: 1; background-color: white;">#add8e6</div><div style="flex: 1; background-color: white;">rgb(173,216,230)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightcoral</div><div style="flex: 1; background-color: lightcoral;"> </div><div style="flex: 1; background-color: white;">#f08080</div><div style="flex: 1; background-color: white;">rgb(240,128,128)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightcyan</div><div style="flex: 1; background-color: lightcyan;"> </div><div style="flex: 1; background-color: white;">#e0ffff</div><div style="flex: 1; background-color: white;">rgb(224,255,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightgoldenrodyellow</div><div style="flex: 1; background-color: lightgoldenrodyellow;"> </div><div style="flex: 1; background-color: white;">#fafad2</div><div style="flex: 1; background-color: white;">rgb(250,250,210)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightgray</div><div style="flex: 1; background-color: lightgray;"> </div><div style="flex: 1; background-color: white;">#d3d3d3</div><div style="flex: 1; background-color: white;">rgb(211,211,211)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightgreen</div><div style="flex: 1; background-color: lightgreen;"> </div><div style="flex: 1; background-color: white;">#90ee90</div><div style="flex: 1; background-color: white;">rgb(144,238,144)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightgrey</div><div style="flex: 1; background-color: lightgrey;"> </div><div style="flex: 1; background-color: white;">#d3d3d3</div><div style="flex: 1; background-color: white;">rgb(211,211,211)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightpink</div><div style="flex: 1; background-color: lightpink;"> </div><div style="flex: 1; background-color: white;">#ffb6c1</div><div style="flex: 1; background-color: white;">rgb(255,182,193)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightsalmon</div><div style="flex: 1; background-color: lightsalmon;"> </div><div style="flex: 1; background-color: white;">#ffa07a</div><div style="flex: 1; background-color: white;">rgb(255,160,122)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightseagreen</div><div style="flex: 1; background-color: lightseagreen;"> </div><div style="flex: 1; background-color: white;">#20b2aa</div><div style="flex: 1; background-color: white;">rgb(32,178,170)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightskyblue</div><div style="flex: 1; background-color: lightskyblue;"> </div><div style="flex: 1; background-color: white;">#87cefa</div><div style="flex: 1; background-color: white;">rgb(135,206,250)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightslategray</div><div style="flex: 1; background-color: lightslategray;"> </div><div style="flex: 1; background-color: white;">#778899</div><div style="flex: 1; background-color: white;">rgb(119,136,153)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightslategrey</div><div style="flex: 1; background-color: lightslategrey;"> </div><div style="flex: 1; background-color: white;">#778899</div><div style="flex: 1; background-color: white;">rgb(119,136,153)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightsteelblue</div><div style="flex: 1; background-color: lightsteelblue;"> </div><div style="flex: 1; background-color: white;">#b0c4de</div><div style="flex: 1; background-color: white;">rgb(176,196,222)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lightyellow</div><div style="flex: 1; background-color: lightyellow;"> </div><div style="flex: 1; background-color: white;">#ffffe0</div><div style="flex: 1; background-color: white;">rgb(255,255,224)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">lime</div><div style="flex: 1; background-color: lime;"> </div><div style="flex: 1; background-color: white;">#00ff00</div><div style="flex: 1; background-color: white;">rgb(0,255,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">limegreen</div><div style="flex: 1; background-color: limegreen;"> </div><div style="flex: 1; background-color: white;">#32cd32</div><div style="flex: 1; background-color: white;">rgb(50,205,50)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">linen</div><div style="flex: 1; background-color: linen;"> </div><div style="flex: 1; background-color: white;">#faf0e6</div><div style="flex: 1; background-color: white;">rgb(250,240,230)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">magenta</div><div style="flex: 1; background-color: magenta;"> </div><div style="flex: 1; background-color: white;">#ff00ff</div><div style="flex: 1; background-color: white;">rgb(255,0,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">maroon</div><div style="flex: 1; background-color: maroon;"> </div><div style="flex: 1; background-color: white;">#800000</div><div style="flex: 1; background-color: white;">rgb(128,0,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumaquamarine</div><div style="flex: 1; background-color: mediumaquamarine;"> </div><div style="flex: 1; background-color: white;">#66cdaa</div><div style="flex: 1; background-color: white;">rgb(102,205,170)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumblue</div><div style="flex: 1; background-color: mediumblue;"> </div><div style="flex: 1; background-color: white;">#0000cd</div><div style="flex: 1; background-color: white;">rgb(0,0,205)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumorchid</div><div style="flex: 1; background-color: mediumorchid;"> </div><div style="flex: 1; background-color: white;">#ba55d3</div><div style="flex: 1; background-color: white;">rgb(186,85,211)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumpurple</div><div style="flex: 1; background-color: mediumpurple;"> </div><div style="flex: 1; background-color: white;">#9370db</div><div style="flex: 1; background-color: white;">rgb(147,112,219)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumseagreen</div><div style="flex: 1; background-color: mediumseagreen;"> </div><div style="flex: 1; background-color: white;">#3cb371</div><div style="flex: 1; background-color: white;">rgb(60,179,113)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumslateblue</div><div style="flex: 1; background-color: mediumslateblue;"> </div><div style="flex: 1; background-color: white;">#7b68ee</div><div style="flex: 1; background-color: white;">rgb(123,104,238)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumspringgreen</div><div style="flex: 1; background-color: mediumspringgreen;"> </div><div style="flex: 1; background-color: white;">#00fa9a</div><div style="flex: 1; background-color: white;">rgb(0,250,154)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumturquoise</div><div style="flex: 1; background-color: mediumturquoise;"> </div><div style="flex: 1; background-color: white;">#48d1cc</div><div style="flex: 1; background-color: white;">rgb(72,209,204)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mediumvioletred</div><div style="flex: 1; background-color: mediumvioletred;"> </div><div style="flex: 1; background-color: white;">#c71585</div><div style="flex: 1; background-color: white;">rgb(199,21,133)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">midnightblue</div><div style="flex: 1; background-color: midnightblue;"> </div><div style="flex: 1; background-color: white;">#191970</div><div style="flex: 1; background-color: white;">rgb(25,25,112)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mintcream</div><div style="flex: 1; background-color: mintcream;"> </div><div style="flex: 1; background-color: white;">#f5fffa</div><div style="flex: 1; background-color: white;">rgb(245,255,250)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">mistyrose</div><div style="flex: 1; background-color: mistyrose;"> </div><div style="flex: 1; background-color: white;">#ffe4e1</div><div style="flex: 1; background-color: white;">rgb(255,228,225)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">moccasin</div><div style="flex: 1; background-color: moccasin;"> </div><div style="flex: 1; background-color: white;">#ffe4b5</div><div style="flex: 1; background-color: white;">rgb(255,228,181)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">navajowhite</div><div style="flex: 1; background-color: navajowhite;"> </div><div style="flex: 1; background-color: white;">#ffdead</div><div style="flex: 1; background-color: white;">rgb(255,222,173)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">navy</div><div style="flex: 1; background-color: navy;"> </div><div style="flex: 1; background-color: white;">#000080</div><div style="flex: 1; background-color: white;">rgb(0,0,128)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">oldlace</div><div style="flex: 1; background-color: oldlace;"> </div><div style="flex: 1; background-color: white;">#fdf5e6</div><div style="flex: 1; background-color: white;">rgb(253,245,230)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">olive</div><div style="flex: 1; background-color: olive;"> </div><div style="flex: 1; background-color: white;">#808000</div><div style="flex: 1; background-color: white;">rgb(128,128,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">olivedrab</div><div style="flex: 1; background-color: olivedrab;"> </div><div style="flex: 1; background-color: white;">#6b8e23</div><div style="flex: 1; background-color: white;">rgb(107,142,35)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">orange</div><div style="flex: 1; background-color: orange;"> </div><div style="flex: 1; background-color: white;">#ffa500</div><div style="flex: 1; background-color: white;">rgb(255,165,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">orangered</div><div style="flex: 1; background-color: orangered;"> </div><div style="flex: 1; background-color: white;">#ff4500</div><div style="flex: 1; background-color: white;">rgb(255,69,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">orchid</div><div style="flex: 1; background-color: orchid;"> </div><div style="flex: 1; background-color: white;">#da70d6</div><div style="flex: 1; background-color: white;">rgb(218,112,214)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">palegoldenrod</div><div style="flex: 1; background-color: palegoldenrod;"> </div><div style="flex: 1; background-color: white;">#eee8aa</div><div style="flex: 1; background-color: white;">rgb(238,232,170)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">palegreen</div><div style="flex: 1; background-color: palegreen;"> </div><div style="flex: 1; background-color: white;">#98fb98</div><div style="flex: 1; background-color: white;">rgb(152,251,152)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">paleturquoise</div><div style="flex: 1; background-color: paleturquoise;"> </div><div style="flex: 1; background-color: white;">#afeeee</div><div style="flex: 1; background-color: white;">rgb(175,238,238)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">palevioletred</div><div style="flex: 1; background-color: palevioletred;"> </div><div style="flex: 1; background-color: white;">#db7093</div><div style="flex: 1; background-color: white;">rgb(219,112,147)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">papayawhip</div><div style="flex: 1; background-color: papayawhip;"> </div><div style="flex: 1; background-color: white;">#ffefd5</div><div style="flex: 1; background-color: white;">rgb(255,239,213)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">peachpuff</div><div style="flex: 1; background-color: peachpuff;"> </div><div style="flex: 1; background-color: white;">#ffdab9</div><div style="flex: 1; background-color: white;">rgb(255,218,185)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">peru</div><div style="flex: 1; background-color: peru;"> </div><div style="flex: 1; background-color: white;">#cd853f</div><div style="flex: 1; background-color: white;">rgb(205,133,63)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">pink</div><div style="flex: 1; background-color: pink;"> </div><div style="flex: 1; background-color: white;">#ffc0cb</div><div style="flex: 1; background-color: white;">rgb(255,192,203)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">plum</div><div style="flex: 1; background-color: plum;"> </div><div style="flex: 1; background-color: white;">#dda0dd</div><div style="flex: 1; background-color: white;">rgb(221,160,221)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">powderblue</div><div style="flex: 1; background-color: powderblue;"> </div><div style="flex: 1; background-color: white;">#b0e0e6</div><div style="flex: 1; background-color: white;">rgb(176,224,230)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">purple</div><div style="flex: 1; background-color: purple;"> </div><div style="flex: 1; background-color: white;">#800080</div><div style="flex: 1; background-color: white;">rgb(128,0,128)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">red</div><div style="flex: 1; background-color: red;"> </div><div style="flex: 1; background-color: white;">#ff0000</div><div style="flex: 1; background-color: white;">rgb(255,0,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">rosybrown</div><div style="flex: 1; background-color: rosybrown;"> </div><div style="flex: 1; background-color: white;">#bc8f8f</div><div style="flex: 1; background-color: white;">rgb(188,143,143)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">royalblue</div><div style="flex: 1; background-color: royalblue;"> </div><div style="flex: 1; background-color: white;">#4169e1</div><div style="flex: 1; background-color: white;">rgb(65,105,225)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">saddlebrown</div><div style="flex: 1; background-color: saddlebrown;"> </div><div style="flex: 1; background-color: white;">#8b4513</div><div style="flex: 1; background-color: white;">rgb(139,69,19)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">salmon</div><div style="flex: 1; background-color: salmon;"> </div><div style="flex: 1; background-color: white;">#fa8072</div><div style="flex: 1; background-color: white;">rgb(250,128,114)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">sandybrown</div><div style="flex: 1; background-color: sandybrown;"> </div><div style="flex: 1; background-color: white;">#f4a460</div><div style="flex: 1; background-color: white;">rgb(244,164,96)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">seagreen</div><div style="flex: 1; background-color: seagreen;"> </div><div style="flex: 1; background-color: white;">#2e8b57</div><div style="flex: 1; background-color: white;">rgb(46,139,87)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">seashell</div><div style="flex: 1; background-color: seashell;"> </div><div style="flex: 1; background-color: white;">#fff5ee</div><div style="flex: 1; background-color: white;">rgb(255,245,238)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">sienna</div><div style="flex: 1; background-color: sienna;"> </div><div style="flex: 1; background-color: white;">#a0522d</div><div style="flex: 1; background-color: white;">rgb(160,82,45)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">silver</div><div style="flex: 1; background-color: silver;"> </div><div style="flex: 1; background-color: white;">#c0c0c0</div><div style="flex: 1; background-color: white;">rgb(192,192,192)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">skyblue</div><div style="flex: 1; background-color: skyblue;"> </div><div style="flex: 1; background-color: white;">#87ceeb</div><div style="flex: 1; background-color: white;">rgb(135,206,235)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">slateblue</div><div style="flex: 1; background-color: slateblue;"> </div><div style="flex: 1; background-color: white;">#6a5acd</div><div style="flex: 1; background-color: white;">rgb(106,90,205)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">slategray</div><div style="flex: 1; background-color: slategray;"> </div><div style="flex: 1; background-color: white;">#708090</div><div style="flex: 1; background-color: white;">rgb(112,128,144)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">slategrey</div><div style="flex: 1; background-color: slategrey;"> </div><div style="flex: 1; background-color: white;">#708090</div><div style="flex: 1; background-color: white;">rgb(112,128,144)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">snow</div><div style="flex: 1; background-color: snow;"> </div><div style="flex: 1; background-color: white;">#fffafa</div><div style="flex: 1; background-color: white;">rgb(255,250,250)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">springgreen</div><div style="flex: 1; background-color: springgreen;"> </div><div style="flex: 1; background-color: white;">#00ff7f</div><div style="flex: 1; background-color: white;">rgb(0,255,127)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">steelblue</div><div style="flex: 1; background-color: steelblue;"> </div><div style="flex: 1; background-color: white;">#4682b4</div><div style="flex: 1; background-color: white;">rgb(70,130,180)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">tan</div><div style="flex: 1; background-color: tan;"> </div><div style="flex: 1; background-color: white;">#d2b48c</div><div style="flex: 1; background-color: white;">rgb(210,180,140)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">teal</div><div style="flex: 1; background-color: teal;"> </div><div style="flex: 1; background-color: white;">#008080</div><div style="flex: 1; background-color: white;">rgb(0,128,128)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">thistle</div><div style="flex: 1; background-color: thistle;"> </div><div style="flex: 1; background-color: white;">#d8bfd8</div><div style="flex: 1; background-color: white;">rgb(216,191,216)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">tomato</div><div style="flex: 1; background-color: tomato;"> </div><div style="flex: 1; background-color: white;">#ff6347</div><div style="flex: 1; background-color: white;">rgb(255,99,71)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">turquoise</div><div style="flex: 1; background-color: turquoise;"> </div><div style="flex: 1; background-color: white;">#40e0d0</div><div style="flex: 1; background-color: white;">rgb(64,224,208)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">violet</div><div style="flex: 1; background-color: violet;"> </div><div style="flex: 1; background-color: white;">#ee82ee</div><div style="flex: 1; background-color: white;">rgb(238,130,238)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">wheat</div><div style="flex: 1; background-color: wheat;"> </div><div style="flex: 1; background-color: white;">#f5deb3</div><div style="flex: 1; background-color: white;">rgb(245,222,179)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">white</div><div style="flex: 1; background-color: white;"> </div><div style="flex: 1; background-color: white;">#ffffff</div><div style="flex: 1; background-color: white;">rgb(255,255,255)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">whitesmoke</div><div style="flex: 1; background-color: whitesmoke;"> </div><div style="flex: 1; background-color: white;">#f5f5f5</div><div style="flex: 1; background-color: white;">rgb(245,245,245)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">yellow</div><div style="flex: 1; background-color: yellow;"> </div><div style="flex: 1; background-color: white;">#ffff00</div><div style="flex: 1; background-color: white;">rgb(255,255,0)</div></div> | |||
<div style="width: 500px; display: flex; border: 1px solid #ccc; margin-bottom: 10px;"><div style="flex: 1; background-color: white;">yellowgreen</div><div style="flex: 1; background-color: yellowgreen;"> </div><div style="flex: 1; background-color: white;">#9acd32</div><div style="flex: 1; background-color: white;">rgb(154,205,50)</div></div> | |||
</div> | </div> | ||
Version du 24 juin 2025 à 15:05
Les couleurs de bases
silver
#C0C0C0
rgb(192,192,192)
gray
#808080
rgb(128,128,128)
white
#FFFFFF
rgb(255,255,255)
maroon
#800000
rgb(128,0,0)
red
#FF0000
rgb(255,0,0)
purple
#800080
rgb(128,0,128)
fuchsia
#FF00FF
rgb(255,0,255)
green
#008000
rgb(0,128,0)
lime
#00FF00
rgb(0,255,0)
olive
#808000
rgb(128,128,0)
yellow
#FFFF00
rgb(255,255,0)
navy
#000080
rgb(0,0,128)
blue
#0000FF
rgb(0,0,255)
teal
#008080
rgb(0,128,128)
aqua
#00FFFF
rgb(0,255,255)
Les couleurs étendues
antiquewhite
#faebd7
rgb(250,235,215)
aqua
#00ffff
rgb(0,255,255)
aquamarine
#7fffd4
rgb(127,255,212)
azure
#f0ffff
rgb(240,255,255)
beige
#f5f5dc
rgb(245,245,220)
bisque
#ffe4c4
rgb(255,228,196)
black
#000000
rgb(0,0,0)
blanchedalmond
#ffebcd
rgb(255,235,205)
blue
#0000ff
rgb(0,0,255)
blueviolet
#8a2be2
rgb(138,43,226)
brown
#a52a2a
rgb(165,42,42)
burlywood
#deb887
rgb(222,184,135)
cadetblue
#5f9ea0
rgb(95,158,160)
chartreuse
#7fff00
rgb(127,255,0)
chocolate
#d2691e
rgb(210,105,30)
coral
#ff7f50
rgb(255,127,80)
cornflowerblue
#6495ed
rgb(100,149,237)
cornsilk
#fff8dc
rgb(255,248,220)
crimson
#dc143c
rgb(220,20,60)
cyan
#00ffff
rgb(0,255,255)
darkblue
#00008b
rgb(0,0,139)
darkcyan
#008b8b
rgb(0,139,139)
darkgoldenrod
#b8860b
rgb(184,134,11)
darkgray
#a9a9a9
rgb(169,169,169)
darkgreen
#006400
rgb(0,100,0)
darkgrey
#a9a9a9
rgb(169,169,169)
darkkhaki
#bdb76b
rgb(189,183,107)
darkmagenta
#8b008b
rgb(139,0,139)
darkolivegreen
#556b2f
rgb(85,107,47)
darkorange
#ff8c00
rgb(255,140,0)
darkorchid
#9932cc
rgb(153,50,204)
darkred
#8b0000
rgb(139,0,0)
darksalmon
#e9967a
rgb(233,150,122)
darkseagreen
#8fbc8f
rgb(143,188,143)
darkslateblue
#483d8b
rgb(72,61,139)
darkslategray
#2f4f4f
rgb(47,79,79)
darkslategrey
#2f4f4f
rgb(47,79,79)
darkturquoise
#00ced1
rgb(0,206,209)
darkviolet
#9400d3
rgb(148,0,211)
deeppink
#ff1493
rgb(255,20,147)
deepskyblue
#00bfff
rgb(0,191,255)
dimgray
#696969
rgb(105,105,105)
dimgrey
#696969
rgb(105,105,105)
dodgerblue
#1e90ff
rgb(30,144,255)
firebrick
#b22222
rgb(178,34,34)
floralwhite
#fffaf0
rgb(255,250,240)
forestgreen
#228b22
rgb(34,139,34)
fuchsia
#ff00ff
rgb(255,0,255)
gainsboro
#dcdcdc
rgb(220,220,220)
ghostwhite
#f8f8ff
rgb(248,248,255)
gold
#ffd700
rgb(255,215,0)
goldenrod
#daa520
rgb(218,165,32)
gray
#808080
rgb(128,128,128)
green
#008000
rgb(0,128,0)
greenyellow
#adff2f
rgb(173,255,47)
grey
#808080
rgb(128,128,128)
honeydew
#f0fff0
rgb(240,255,240)
hotpink
#ff69b4
rgb(255,105,180)
indianred
#cd5c5c
rgb(205,92,92)
indigo
#4b0082
rgb(75,0,130)
ivory
#fffff0
rgb(255,255,240)
khaki
#f0e68c
rgb(240,230,140)
lavender
#e6e6fa
rgb(230,230,250)
lavenderblush
#fff0f5
rgb(255,240,245)
lawngreen
#7cfc00
rgb(124,252,0)
lemonchiffon
#fffacd
rgb(255,250,205)
lightblue
#add8e6
rgb(173,216,230)
lightcoral
#f08080
rgb(240,128,128)
lightcyan
#e0ffff
rgb(224,255,255)
lightgoldenrodyellow
#fafad2
rgb(250,250,210)
lightgray
#d3d3d3
rgb(211,211,211)
lightgreen
#90ee90
rgb(144,238,144)
lightgrey
#d3d3d3
rgb(211,211,211)
lightpink
#ffb6c1
rgb(255,182,193)
lightsalmon
#ffa07a
rgb(255,160,122)
lightseagreen
#20b2aa
rgb(32,178,170)
lightskyblue
#87cefa
rgb(135,206,250)
lightslategray
#778899
rgb(119,136,153)
lightslategrey
#778899
rgb(119,136,153)
lightsteelblue
#b0c4de
rgb(176,196,222)
lightyellow
#ffffe0
rgb(255,255,224)
lime
#00ff00
rgb(0,255,0)
limegreen
#32cd32
rgb(50,205,50)
linen
#faf0e6
rgb(250,240,230)
magenta
#ff00ff
rgb(255,0,255)
maroon
#800000
rgb(128,0,0)
mediumaquamarine
#66cdaa
rgb(102,205,170)
mediumblue
#0000cd
rgb(0,0,205)
mediumorchid
#ba55d3
rgb(186,85,211)
mediumpurple
#9370db
rgb(147,112,219)
mediumseagreen
#3cb371
rgb(60,179,113)
mediumslateblue
#7b68ee
rgb(123,104,238)
mediumspringgreen
#00fa9a
rgb(0,250,154)
mediumturquoise
#48d1cc
rgb(72,209,204)
mediumvioletred
#c71585
rgb(199,21,133)
midnightblue
#191970
rgb(25,25,112)
mintcream
#f5fffa
rgb(245,255,250)
mistyrose
#ffe4e1
rgb(255,228,225)
moccasin
#ffe4b5
rgb(255,228,181)
navajowhite
#ffdead
rgb(255,222,173)
navy
#000080
rgb(0,0,128)
oldlace
#fdf5e6
rgb(253,245,230)
olive
#808000
rgb(128,128,0)
olivedrab
#6b8e23
rgb(107,142,35)
orange
#ffa500
rgb(255,165,0)
orangered
#ff4500
rgb(255,69,0)
orchid
#da70d6
rgb(218,112,214)
palegoldenrod
#eee8aa
rgb(238,232,170)
palegreen
#98fb98
rgb(152,251,152)
paleturquoise
#afeeee
rgb(175,238,238)
palevioletred
#db7093
rgb(219,112,147)
papayawhip
#ffefd5
rgb(255,239,213)
peachpuff
#ffdab9
rgb(255,218,185)
peru
#cd853f
rgb(205,133,63)
pink
#ffc0cb
rgb(255,192,203)
plum
#dda0dd
rgb(221,160,221)
powderblue
#b0e0e6
rgb(176,224,230)
purple
#800080
rgb(128,0,128)
red
#ff0000
rgb(255,0,0)
rosybrown
#bc8f8f
rgb(188,143,143)
royalblue
#4169e1
rgb(65,105,225)
saddlebrown
#8b4513
rgb(139,69,19)
salmon
#fa8072
rgb(250,128,114)
sandybrown
#f4a460
rgb(244,164,96)
seagreen
#2e8b57
rgb(46,139,87)
seashell
#fff5ee
rgb(255,245,238)
sienna
#a0522d
rgb(160,82,45)
silver
#c0c0c0
rgb(192,192,192)
skyblue
#87ceeb
rgb(135,206,235)
slateblue
#6a5acd
rgb(106,90,205)
slategray
#708090
rgb(112,128,144)
slategrey
#708090
rgb(112,128,144)
snow
#fffafa
rgb(255,250,250)
springgreen
#00ff7f
rgb(0,255,127)
steelblue
#4682b4
rgb(70,130,180)
tan
#d2b48c
rgb(210,180,140)
teal
#008080
rgb(0,128,128)
thistle
#d8bfd8
rgb(216,191,216)
tomato
#ff6347
rgb(255,99,71)
turquoise
#40e0d0
rgb(64,224,208)
violet
#ee82ee
rgb(238,130,238)
wheat
#f5deb3
rgb(245,222,179)
white
#ffffff
rgb(255,255,255)
whitesmoke
#f5f5f5
rgb(245,245,245)
yellow
#ffff00
rgb(255,255,0)
yellowgreen
#9acd32
rgb(154,205,50)