22 lines
No EOL
38 KiB
HTML
22 lines
No EOL
38 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Color — Ludic</title>
|
||
<meta name="description" content="The Ludic named-color palette.">
|
||
<link rel="stylesheet" href="base.css">
|
||
<link rel="stylesheet" href="docs.css">
|
||
</head>
|
||
<body>
|
||
<header class="nav"><div class="wrap nav-in"><a class="brand" href="index.html"><span class="logo">L</span> Ludic</a><button class="nav-toggle" aria-label="Toggle menu" aria-expanded="false">☰</button><nav class="nav-links"><a href="index.html">Home</a><a href="api.html">API Reference</a><a class="nav-cta" href="https://git.workshopsoft.io/workshopsoft/ludic">Source ↗</a></nav></div></header>
|
||
<main class="wrap item">
|
||
<div class="crumbs"><a href="api.html">API Reference</a> <span>›</span> <span class="here">Color</span></div>
|
||
<div class="item-head"><span class="kind-badge kind-namespace">namespace</span><h1 id="top">Color</h1></div>
|
||
<p class="ns-blurb">The named color palette. Every <code>Color.Name</code> lowers to a plain <code>0xRRGGBB</code> integer at compile time — no runtime cost. 221 names are built in.</p>
|
||
<div class="swatch-group"><h3>Whites</h3><div class="swatch-row"><div class="swatch" id="white"><span class="chip" style="background:#FFFFFF"></span><span class="cname">Color.White</span><span class="chex">#FFFFFF</span></div><div class="swatch" id="snow"><span class="chip" style="background:#FFFAFA"></span><span class="cname">Color.Snow</span><span class="chex">#FFFAFA</span></div><div class="swatch" id="ivory"><span class="chip" style="background:#FFFFF0"></span><span class="cname">Color.Ivory</span><span class="chex">#FFFFF0</span></div><div class="swatch" id="eggshellwhite"><span class="chip" style="background:#F0EAD6"></span><span class="cname">Color.EggShellWhite</span><span class="chex">#F0EAD6</span></div><div class="swatch" id="floralwhite"><span class="chip" style="background:#FFFAF0"></span><span class="cname">Color.FloralWhite</span><span class="chex">#FFFAF0</span></div><div class="swatch" id="seashell"><span class="chip" style="background:#FFF5EE"></span><span class="cname">Color.SeaShell</span><span class="chex">#FFF5EE</span></div><div class="swatch" id="linen"><span class="chip" style="background:#FAF0E6"></span><span class="cname">Color.Linen</span><span class="chex">#FAF0E6</span></div><div class="swatch" id="antiquewhite"><span class="chip" style="background:#FAEBD7"></span><span class="cname">Color.AntiqueWhite</span><span class="chex">#FAEBD7</span></div><div class="swatch" id="oldlace"><span class="chip" style="background:#FDF5E6"></span><span class="cname">Color.OldLace</span><span class="chex">#FDF5E6</span></div><div class="swatch" id="beige"><span class="chip" style="background:#F5F5DC"></span><span class="cname">Color.Beige</span><span class="chex">#F5F5DC</span></div><div class="swatch" id="cream"><span class="chip" style="background:#FFFDD0"></span><span class="cname">Color.Cream</span><span class="chex">#FFFDD0</span></div><div class="swatch" id="honeydew"><span class="chip" style="background:#F0FFF0"></span><span class="cname">Color.Honeydew</span><span class="chex">#F0FFF0</span></div><div class="swatch" id="mintcream"><span class="chip" style="background:#F5FFFA"></span><span class="cname">Color.MintCream</span><span class="chex">#F5FFFA</span></div><div class="swatch" id="azure"><span class="chip" style="background:#F0FFFF"></span><span class="cname">Color.Azure</span><span class="chex">#F0FFFF</span></div><div class="swatch" id="aliceblue"><span class="chip" style="background:#F0F8FF"></span><span class="cname">Color.AliceBlue</span><span class="chex">#F0F8FF</span></div><div class="swatch" id="ghostwhite"><span class="chip" style="background:#F8F8FF"></span><span class="cname">Color.GhostWhite</span><span class="chex">#F8F8FF</span></div><div class="swatch" id="whitesmoke"><span class="chip" style="background:#F5F5F5"></span><span class="cname">Color.WhiteSmoke</span><span class="chex">#F5F5F5</span></div><div class="swatch" id="lavender"><span class="chip" style="background:#E6E6FA"></span><span class="cname">Color.Lavender</span><span class="chex">#E6E6FA</span></div><div class="swatch" id="bone"><span class="chip" style="background:#E3DAC9"></span><span class="cname">Color.Bone</span><span class="chex">#E3DAC9</span></div><div class="swatch" id="parchment"><span class="chip" style="background:#F1E9D2"></span><span class="cname">Color.Parchment</span><span class="chex">#F1E9D2</span></div></div></div><div class="swatch-group"><h3>Grays</h3><div class="swatch-row"><div class="swatch" id="gainsboro"><span class="chip" style="background:#DCDCDC"></span><span class="cname">Color.Gainsboro</span><span class="chex">#DCDCDC</span></div><div class="swatch" id="lightgray"><span class="chip" style="background:#D3D3D3"></span><span class="cname">Color.LightGray</span><span class="chex">#D3D3D3</span></div><div class="swatch" id="silver"><span class="chip" style="background:#C0C0C0"></span><span class="cname">Color.Silver</span><span class="chex">#C0C0C0</span></div><div class="swatch" id="ash"><span class="chip" style="background:#B2BEB5"></span><span class="cname">Color.Ash</span><span class="chex">#B2BEB5</span></div><div class="swatch" id="darkgray"><span class="chip" style="background:#A9A9A9"></span><span class="cname">Color.DarkGray</span><span class="chex">#A9A9A9</span></div><div class="swatch" id="gray"><span class="chip" style="background:#808080"></span><span class="cname">Color.Gray</span><span class="chex">#808080</span></div><div class="swatch" id="dimgray"><span class="chip" style="background:#696969"></span><span class="cname">Color.DimGray</span><span class="chex">#696969</span></div><div class="swatch" id="nickel"><span class="chip" style="background:#727472"></span><span class="cname">Color.Nickel</span><span class="chex">#727472</span></div><div class="swatch" id="slate"><span class="chip" style="background:#708090"></span><span class="cname">Color.Slate</span><span class="chex">#708090</span></div><div class="swatch" id="slategray"><span class="chip" style="background:#708090"></span><span class="cname">Color.SlateGray</span><span class="chex">#708090</span></div><div class="swatch" id="lightslategray"><span class="chip" style="background:#778899"></span><span class="cname">Color.LightSlateGray</span><span class="chex">#778899</span></div><div class="swatch" id="gunmetal"><span class="chip" style="background:#2A3439"></span><span class="cname">Color.Gunmetal</span><span class="chex">#2A3439</span></div><div class="swatch" id="charcoal"><span class="chip" style="background:#36454F"></span><span class="cname">Color.Charcoal</span><span class="chex">#36454F</span></div><div class="swatch" id="graphite"><span class="chip" style="background:#1C1C1C"></span><span class="cname">Color.Graphite</span><span class="chex">#1C1C1C</span></div><div class="swatch" id="onyx"><span class="chip" style="background:#353839"></span><span class="cname">Color.Onyx</span><span class="chex">#353839</span></div><div class="swatch" id="jet"><span class="chip" style="background:#343434"></span><span class="cname">Color.Jet</span><span class="chex">#343434</span></div><div class="swatch" id="black"><span class="chip" style="background:#000000"></span><span class="cname">Color.Black</span><span class="chex">#000000</span></div><div class="swatch" id="eerieblack"><span class="chip" style="background:#1B1B1B"></span><span class="cname">Color.EerieBlack</span><span class="chex">#1B1B1B</span></div><div class="swatch" id="raisinblack"><span class="chip" style="background:#242124"></span><span class="cname">Color.RaisinBlack</span><span class="chex">#242124</span></div><div class="swatch" id="ebony"><span class="chip" style="background:#555D50"></span><span class="cname">Color.Ebony</span><span class="chex">#555D50</span></div></div></div><div class="swatch-group"><h3>Reds</h3><div class="swatch-row"><div class="swatch" id="red"><span class="chip" style="background:#FF0000"></span><span class="cname">Color.Red</span><span class="chex">#FF0000</span></div><div class="swatch" id="crimson"><span class="chip" style="background:#DC143C"></span><span class="cname">Color.Crimson</span><span class="chex">#DC143C</span></div><div class="swatch" id="scarlet"><span class="chip" style="background:#FF2400"></span><span class="cname">Color.Scarlet</span><span class="chex">#FF2400</span></div><div class="swatch" id="vermilion"><span class="chip" style="background:#E34234"></span><span class="cname">Color.Vermilion</span><span class="chex">#E34234</span></div><div class="swatch" id="firebrick"><span class="chip" style="background:#B22222"></span><span class="cname">Color.FireBrick</span><span class="chex">#B22222</span></div><div class="swatch" id="cinnabar"><span class="chip" style="background:#E44D2E"></span><span class="cname">Color.Cinnabar</span><span class="chex">#E44D2E</span></div><div class="swatch" id="darkred"><span class="chip" style="background:#8B0000"></span><span class="cname">Color.DarkRed</span><span class="chex">#8B0000</span></div><div class="swatch" id="maroon"><span class="chip" style="background:#800000"></span><span class="cname">Color.Maroon</span><span class="chex">#800000</span></div><div class="swatch" id="ruby"><span class="chip" style="background:#E0115F"></span><span class="cname">Color.Ruby</span><span class="chex">#E0115F</span></div><div class="swatch" id="cardinal"><span class="chip" style="background:#C41E3A"></span><span class="cname">Color.Cardinal</span><span class="chex">#C41E3A</span></div><div class="swatch" id="indianred"><span class="chip" style="background:#CD5C5C"></span><span class="cname">Color.IndianRed</span><span class="chex">#CD5C5C</span></div><div class="swatch" id="rust"><span class="chip" style="background:#B7410E"></span><span class="cname">Color.Rust</span><span class="chex">#B7410E</span></div><div class="swatch" id="sangria"><span class="chip" style="background:#92000A"></span><span class="cname">Color.Sangria</span><span class="chex">#92000A</span></div><div class="swatch" id="redwood"><span class="chip" style="background:#A45A52"></span><span class="cname">Color.Redwood</span><span class="chex">#A45A52</span></div><div class="swatch" id="cerise"><span class="chip" style="background:#DE3163"></span><span class="cname">Color.Cerise</span><span class="chex">#DE3163</span></div><div class="swatch" id="amaranth"><span class="chip" style="background:#E52B50"></span><span class="cname">Color.Amaranth</span><span class="chex">#E52B50</span></div><div class="swatch" id="carmine"><span class="chip" style="background:#960018"></span><span class="cname">Color.Carmine</span><span class="chex">#960018</span></div><div class="swatch" id="chestnut"><span class="chip" style="background:#954535"></span><span class="cname">Color.Chestnut</span><span class="chex">#954535</span></div><div class="swatch" id="brick"><span class="chip" style="background:#CB4154"></span><span class="cname">Color.Brick</span><span class="chex">#CB4154</span></div><div class="swatch" id="terracotta"><span class="chip" style="background:#E2725B"></span><span class="cname">Color.TerraCotta</span><span class="chex">#E2725B</span></div></div></div><div class="swatch-group"><h3>Pinks</h3><div class="swatch-row"><div class="swatch" id="pink"><span class="chip" style="background:#FFC0CB"></span><span class="cname">Color.Pink</span><span class="chex">#FFC0CB</span></div><div class="swatch" id="lightpink"><span class="chip" style="background:#FFB6C1"></span><span class="cname">Color.LightPink</span><span class="chex">#FFB6C1</span></div><div class="swatch" id="hotpink"><span class="chip" style="background:#FF69B4"></span><span class="cname">Color.HotPink</span><span class="chex">#FF69B4</span></div><div class="swatch" id="deeppink"><span class="chip" style="background:#FF1493"></span><span class="cname">Color.DeepPink</span><span class="chex">#FF1493</span></div><div class="swatch" id="palevioletred"><span class="chip" style="background:#DB7093"></span><span class="cname">Color.PaleVioletRed</span><span class="chex">#DB7093</span></div><div class="swatch" id="rose"><span class="chip" style="background:#FF007F"></span><span class="cname">Color.Rose</span><span class="chex">#FF007F</span></div><div class="swatch" id="blush"><span class="chip" style="background:#DE5D83"></span><span class="cname">Color.Blush</span><span class="chex">#DE5D83</span></div><div class="swatch" id="salmon"><span class="chip" style="background:#FA8072"></span><span class="cname">Color.Salmon</span><span class="chex">#FA8072</span></div><div class="swatch" id="lightsalmon"><span class="chip" style="background:#FFA07A"></span><span class="cname">Color.LightSalmon</span><span class="chex">#FFA07A</span></div><div class="swatch" id="darksalmon"><span class="chip" style="background:#E9967A"></span><span class="cname">Color.DarkSalmon</span><span class="chex">#E9967A</span></div><div class="swatch" id="coral"><span class="chip" style="background:#FF7F50"></span><span class="cname">Color.Coral</span><span class="chex">#FF7F50</span></div><div class="swatch" id="watermelon"><span class="chip" style="background:#FC6C85"></span><span class="cname">Color.Watermelon</span><span class="chex">#FC6C85</span></div><div class="swatch" id="flamingo"><span class="chip" style="background:#FC8EAC"></span><span class="cname">Color.Flamingo</span><span class="chex">#FC8EAC</span></div><div class="swatch" id="bubblegum"><span class="chip" style="background:#FFC1CC"></span><span class="cname">Color.Bubblegum</span><span class="chex">#FFC1CC</span></div><div class="swatch" id="fuchsia"><span class="chip" style="background:#FF00FF"></span><span class="cname">Color.Fuchsia</span><span class="chex">#FF00FF</span></div><div class="swatch" id="magenta"><span class="chip" style="background:#FF00FF"></span><span class="cname">Color.Magenta</span><span class="chex">#FF00FF</span></div><div class="swatch" id="mauve"><span class="chip" style="background:#E0B0FF"></span><span class="cname">Color.Mauve</span><span class="chex">#E0B0FF</span></div><div class="swatch" id="puce"><span class="chip" style="background:#CC8899"></span><span class="cname">Color.Puce</span><span class="chex">#CC8899</span></div><div class="swatch" id="thistle"><span class="chip" style="background:#D8BFD8"></span><span class="cname">Color.Thistle</span><span class="chex">#D8BFD8</span></div><div class="swatch" id="orchid"><span class="chip" style="background:#DA70D6"></span><span class="cname">Color.Orchid</span><span class="chex">#DA70D6</span></div></div></div><div class="swatch-group"><h3>Oranges</h3><div class="swatch-row"><div class="swatch" id="orange"><span class="chip" style="background:#FFA500"></span><span class="cname">Color.Orange</span><span class="chex">#FFA500</span></div><div class="swatch" id="darkorange"><span class="chip" style="background:#FF8C00"></span><span class="cname">Color.DarkOrange</span><span class="chex">#FF8C00</span></div><div class="swatch" id="tangerine"><span class="chip" style="background:#F28500"></span><span class="cname">Color.Tangerine</span><span class="chex">#F28500</span></div><div class="swatch" id="pumpkin"><span class="chip" style="background:#FF7518"></span><span class="cname">Color.Pumpkin</span><span class="chex">#FF7518</span></div><div class="swatch" id="apricot"><span class="chip" style="background:#FBCEB1"></span><span class="cname">Color.Apricot</span><span class="chex">#FBCEB1</span></div><div class="swatch" id="peach"><span class="chip" style="background:#FFE5B4"></span><span class="cname">Color.Peach</span><span class="chex">#FFE5B4</span></div><div class="swatch" id="cantaloupe"><span class="chip" style="background:#FFA62B"></span><span class="cname">Color.Cantaloupe</span><span class="chex">#FFA62B</span></div><div class="swatch" id="amber"><span class="chip" style="background:#FFBF00"></span><span class="cname">Color.Amber</span><span class="chex">#FFBF00</span></div><div class="swatch" id="bronze"><span class="chip" style="background:#CD7F32"></span><span class="cname">Color.Bronze</span><span class="chex">#CD7F32</span></div><div class="swatch" id="copper"><span class="chip" style="background:#B87333"></span><span class="cname">Color.Copper</span><span class="chex">#B87333</span></div><div class="swatch" id="marigold"><span class="chip" style="background:#EAA221"></span><span class="cname">Color.Marigold</span><span class="chex">#EAA221</span></div><div class="swatch" id="carrot"><span class="chip" style="background:#ED9121"></span><span class="cname">Color.Carrot</span><span class="chex">#ED9121</span></div><div class="swatch" id="persimmon"><span class="chip" style="background:#EC5800"></span><span class="cname">Color.Persimmon</span><span class="chex">#EC5800</span></div><div class="swatch" id="papaya"><span class="chip" style="background:#FF9E2C"></span><span class="cname">Color.Papaya</span><span class="chex">#FF9E2C</span></div><div class="swatch" id="sunset"><span class="chip" style="background:#FAD6A5"></span><span class="cname">Color.Sunset</span><span class="chex">#FAD6A5</span></div></div></div><div class="swatch-group"><h3>Yellows</h3><div class="swatch-row"><div class="swatch" id="yellow"><span class="chip" style="background:#FFFF00"></span><span class="cname">Color.Yellow</span><span class="chex">#FFFF00</span></div><div class="swatch" id="lightyellow"><span class="chip" style="background:#FFFFE0"></span><span class="cname">Color.LightYellow</span><span class="chex">#FFFFE0</span></div><div class="swatch" id="gold"><span class="chip" style="background:#FFD700"></span><span class="cname">Color.Gold</span><span class="chex">#FFD700</span></div><div class="swatch" id="goldenrod"><span class="chip" style="background:#DAA520"></span><span class="cname">Color.Goldenrod</span><span class="chex">#DAA520</span></div><div class="swatch" id="lemon"><span class="chip" style="background:#FFF700"></span><span class="cname">Color.Lemon</span><span class="chex">#FFF700</span></div><div class="swatch" id="canary"><span class="chip" style="background:#FFEF00"></span><span class="cname">Color.Canary</span><span class="chex">#FFEF00</span></div><div class="swatch" id="mustard"><span class="chip" style="background:#FFDB58"></span><span class="cname">Color.Mustard</span><span class="chex">#FFDB58</span></div><div class="swatch" id="flax"><span class="chip" style="background:#EEDC82"></span><span class="cname">Color.Flax</span><span class="chex">#EEDC82</span></div><div class="swatch" id="wheat"><span class="chip" style="background:#F5DEB3"></span><span class="cname">Color.Wheat</span><span class="chex">#F5DEB3</span></div><div class="swatch" id="corn"><span class="chip" style="background:#FBEC5D"></span><span class="cname">Color.Corn</span><span class="chex">#FBEC5D</span></div><div class="swatch" id="dandelion"><span class="chip" style="background:#F0E130"></span><span class="cname">Color.Dandelion</span><span class="chex">#F0E130</span></div><div class="swatch" id="saffron"><span class="chip" style="background:#F4C430"></span><span class="cname">Color.Saffron</span><span class="chex">#F4C430</span></div><div class="swatch" id="khaki"><span class="chip" style="background:#F0E68C"></span><span class="cname">Color.Khaki</span><span class="chex">#F0E68C</span></div><div class="swatch" id="darkkhaki"><span class="chip" style="background:#BDB76B"></span><span class="cname">Color.DarkKhaki</span><span class="chex">#BDB76B</span></div><div class="swatch" id="straw"><span class="chip" style="background:#E4D96F"></span><span class="cname">Color.Straw</span><span class="chex">#E4D96F</span></div></div></div><div class="swatch-group"><h3>Browns</h3><div class="swatch-row"><div class="swatch" id="brown"><span class="chip" style="background:#8B4513"></span><span class="cname">Color.Brown</span><span class="chex">#8B4513</span></div><div class="swatch" id="saddlebrown"><span class="chip" style="background:#8B4513"></span><span class="cname">Color.SaddleBrown</span><span class="chex">#8B4513</span></div><div class="swatch" id="sienna"><span class="chip" style="background:#A0522D"></span><span class="cname">Color.Sienna</span><span class="chex">#A0522D</span></div><div class="swatch" id="chocolate"><span class="chip" style="background:#D2691E"></span><span class="cname">Color.Chocolate</span><span class="chex">#D2691E</span></div><div class="swatch" id="peru"><span class="chip" style="background:#CD853F"></span><span class="cname">Color.Peru</span><span class="chex">#CD853F</span></div><div class="swatch" id="tan"><span class="chip" style="background:#D2B48C"></span><span class="cname">Color.Tan</span><span class="chex">#D2B48C</span></div><div class="swatch" id="burlywood"><span class="chip" style="background:#DEB887"></span><span class="cname">Color.BurlyWood</span><span class="chex">#DEB887</span></div><div class="swatch" id="sand"><span class="chip" style="background:#C2B280"></span><span class="cname">Color.Sand</span><span class="chex">#C2B280</span></div><div class="swatch" id="coffee"><span class="chip" style="background:#6F4E37"></span><span class="cname">Color.Coffee</span><span class="chex">#6F4E37</span></div><div class="swatch" id="espresso"><span class="chip" style="background:#4B3621"></span><span class="cname">Color.Espresso</span><span class="chex">#4B3621</span></div><div class="swatch" id="mahogany"><span class="chip" style="background:#C04000"></span><span class="cname">Color.Mahogany</span><span class="chex">#C04000</span></div><div class="swatch" id="walnut"><span class="chip" style="background:#773F1A"></span><span class="cname">Color.Walnut</span><span class="chex">#773F1A</span></div><div class="swatch" id="umber"><span class="chip" style="background:#635147"></span><span class="cname">Color.Umber</span><span class="chex">#635147</span></div><div class="swatch" id="sepia"><span class="chip" style="background:#704214"></span><span class="cname">Color.Sepia</span><span class="chex">#704214</span></div><div class="swatch" id="taupe"><span class="chip" style="background:#483C32"></span><span class="cname">Color.Taupe</span><span class="chex">#483C32</span></div><div class="swatch" id="fawn"><span class="chip" style="background:#E5AA70"></span><span class="cname">Color.Fawn</span><span class="chex">#E5AA70</span></div><div class="swatch" id="caramel"><span class="chip" style="background:#C68E17"></span><span class="cname">Color.Caramel</span><span class="chex">#C68E17</span></div><div class="swatch" id="cocoa"><span class="chip" style="background:#D2691E"></span><span class="cname">Color.Cocoa</span><span class="chex">#D2691E</span></div><div class="swatch" id="hazel"><span class="chip" style="background:#8E7618"></span><span class="cname">Color.Hazel</span><span class="chex">#8E7618</span></div><div class="swatch" id="wenge"><span class="chip" style="background:#645452"></span><span class="cname">Color.Wenge</span><span class="chex">#645452</span></div></div></div><div class="swatch-group"><h3>Greens</h3><div class="swatch-row"><div class="swatch" id="green"><span class="chip" style="background:#008000"></span><span class="cname">Color.Green</span><span class="chex">#008000</span></div><div class="swatch" id="lime"><span class="chip" style="background:#00FF00"></span><span class="cname">Color.Lime</span><span class="chex">#00FF00</span></div><div class="swatch" id="limegreen"><span class="chip" style="background:#32CD32"></span><span class="cname">Color.LimeGreen</span><span class="chex">#32CD32</span></div><div class="swatch" id="lawngreen"><span class="chip" style="background:#7CFC00"></span><span class="cname">Color.LawnGreen</span><span class="chex">#7CFC00</span></div><div class="swatch" id="chartreuse"><span class="chip" style="background:#7FFF00"></span><span class="cname">Color.Chartreuse</span><span class="chex">#7FFF00</span></div><div class="swatch" id="greenyellow"><span class="chip" style="background:#ADFF2F"></span><span class="cname">Color.GreenYellow</span><span class="chex">#ADFF2F</span></div><div class="swatch" id="springgreen"><span class="chip" style="background:#00FF7F"></span><span class="cname">Color.SpringGreen</span><span class="chex">#00FF7F</span></div><div class="swatch" id="mintgreen"><span class="chip" style="background:#98FF98"></span><span class="cname">Color.MintGreen</span><span class="chex">#98FF98</span></div><div class="swatch" id="seagreen"><span class="chip" style="background:#2E8B57"></span><span class="cname">Color.SeaGreen</span><span class="chex">#2E8B57</span></div><div class="swatch" id="mediumseagreen"><span class="chip" style="background:#3CB371"></span><span class="cname">Color.MediumSeaGreen</span><span class="chex">#3CB371</span></div><div class="swatch" id="forestgreen"><span class="chip" style="background:#228B22"></span><span class="cname">Color.ForestGreen</span><span class="chex">#228B22</span></div><div class="swatch" id="darkgreen"><span class="chip" style="background:#006400"></span><span class="cname">Color.DarkGreen</span><span class="chex">#006400</span></div><div class="swatch" id="olivedrab"><span class="chip" style="background:#6B8E23"></span><span class="cname">Color.OliveDrab</span><span class="chex">#6B8E23</span></div><div class="swatch" id="olive"><span class="chip" style="background:#808000"></span><span class="cname">Color.Olive</span><span class="chex">#808000</span></div><div class="swatch" id="moss"><span class="chip" style="background:#8A9A5B"></span><span class="cname">Color.Moss</span><span class="chex">#8A9A5B</span></div><div class="swatch" id="fern"><span class="chip" style="background:#4F7942"></span><span class="cname">Color.Fern</span><span class="chex">#4F7942</span></div><div class="swatch" id="emerald"><span class="chip" style="background:#50C878"></span><span class="cname">Color.Emerald</span><span class="chex">#50C878</span></div><div class="swatch" id="jade"><span class="chip" style="background:#00A86B"></span><span class="cname">Color.Jade</span><span class="chex">#00A86B</span></div><div class="swatch" id="malachite"><span class="chip" style="background:#0BDA51"></span><span class="cname">Color.Malachite</span><span class="chex">#0BDA51</span></div><div class="swatch" id="shamrock"><span class="chip" style="background:#009E60"></span><span class="cname">Color.Shamrock</span><span class="chex">#009E60</span></div><div class="swatch" id="pistachio"><span class="chip" style="background:#93C572"></span><span class="cname">Color.Pistachio</span><span class="chex">#93C572</span></div><div class="swatch" id="avocado"><span class="chip" style="background:#568203"></span><span class="cname">Color.Avocado</span><span class="chex">#568203</span></div><div class="swatch" id="pine"><span class="chip" style="background:#01796F"></span><span class="cname">Color.Pine</span><span class="chex">#01796F</span></div><div class="swatch" id="sage"><span class="chip" style="background:#9CAF88"></span><span class="cname">Color.Sage</span><span class="chex">#9CAF88</span></div><div class="swatch" id="kelly"><span class="chip" style="background:#4CBB17"></span><span class="cname">Color.Kelly</span><span class="chex">#4CBB17</span></div><div class="swatch" id="hunter"><span class="chip" style="background:#355E3B"></span><span class="cname">Color.Hunter</span><span class="chex">#355E3B</span></div><div class="swatch" id="basil"><span class="chip" style="background:#579229"></span><span class="cname">Color.Basil</span><span class="chex">#579229</span></div><div class="swatch" id="clover"><span class="chip" style="background:#2E8B57"></span><span class="cname">Color.Clover</span><span class="chex">#2E8B57</span></div><div class="swatch" id="juniper"><span class="chip" style="background:#6D9A79"></span><span class="cname">Color.Juniper</span><span class="chex">#6D9A79</span></div><div class="swatch" id="neon"><span class="chip" style="background:#39FF14"></span><span class="cname">Color.Neon</span><span class="chex">#39FF14</span></div></div></div><div class="swatch-group"><h3>Cyans</h3><div class="swatch-row"><div class="swatch" id="cyan"><span class="chip" style="background:#00FFFF"></span><span class="cname">Color.Cyan</span><span class="chex">#00FFFF</span></div><div class="swatch" id="aqua"><span class="chip" style="background:#00FFFF"></span><span class="cname">Color.Aqua</span><span class="chex">#00FFFF</span></div><div class="swatch" id="lightcyan"><span class="chip" style="background:#E0FFFF"></span><span class="cname">Color.LightCyan</span><span class="chex">#E0FFFF</span></div><div class="swatch" id="paleturquoise"><span class="chip" style="background:#AFEEEE"></span><span class="cname">Color.PaleTurquoise</span><span class="chex">#AFEEEE</span></div><div class="swatch" id="aquamarine"><span class="chip" style="background:#7FFFD4"></span><span class="cname">Color.Aquamarine</span><span class="chex">#7FFFD4</span></div><div class="swatch" id="turquoise"><span class="chip" style="background:#40E0D0"></span><span class="cname">Color.Turquoise</span><span class="chex">#40E0D0</span></div><div class="swatch" id="mediumturquoise"><span class="chip" style="background:#48D1CC"></span><span class="cname">Color.MediumTurquoise</span><span class="chex">#48D1CC</span></div><div class="swatch" id="darkturquoise"><span class="chip" style="background:#00CED1"></span><span class="cname">Color.DarkTurquoise</span><span class="chex">#00CED1</span></div><div class="swatch" id="teal"><span class="chip" style="background:#008080"></span><span class="cname">Color.Teal</span><span class="chex">#008080</span></div><div class="swatch" id="darkcyan"><span class="chip" style="background:#008B8B"></span><span class="cname">Color.DarkCyan</span><span class="chex">#008B8B</span></div><div class="swatch" id="cadetblue"><span class="chip" style="background:#5F9EA0"></span><span class="cname">Color.CadetBlue</span><span class="chex">#5F9EA0</span></div><div class="swatch" id="lagoon"><span class="chip" style="background:#018E8E"></span><span class="cname">Color.Lagoon</span><span class="chex">#018E8E</span></div><div class="swatch" id="seafoam"><span class="chip" style="background:#93E9BE"></span><span class="cname">Color.Seafoam</span><span class="chex">#93E9BE</span></div><div class="swatch" id="cerulean"><span class="chip" style="background:#007BA7"></span><span class="cname">Color.Cerulean</span><span class="chex">#007BA7</span></div><div class="swatch" id="skybluelight"><span class="chip" style="background:#80DAEB"></span><span class="cname">Color.SkyBlueLight</span><span class="chex">#80DAEB</span></div><div class="swatch" id="robin"><span class="chip" style="background:#00CCCC"></span><span class="cname">Color.Robin</span><span class="chex">#00CCCC</span></div><div class="swatch" id="verdigris"><span class="chip" style="background:#43B3AE"></span><span class="cname">Color.Verdigris</span><span class="chex">#43B3AE</span></div><div class="swatch" id="celadon"><span class="chip" style="background:#ACE1AF"></span><span class="cname">Color.Celadon</span><span class="chex">#ACE1AF</span></div></div></div><div class="swatch-group"><h3>Blues</h3><div class="swatch-row"><div class="swatch" id="blue"><span class="chip" style="background:#0000FF"></span><span class="cname">Color.Blue</span><span class="chex">#0000FF</span></div><div class="swatch" id="lightblue"><span class="chip" style="background:#ADD8E6"></span><span class="cname">Color.LightBlue</span><span class="chex">#ADD8E6</span></div><div class="swatch" id="powderblue"><span class="chip" style="background:#B0E0E6"></span><span class="cname">Color.PowderBlue</span><span class="chex">#B0E0E6</span></div><div class="swatch" id="skyblue"><span class="chip" style="background:#87CEEB"></span><span class="cname">Color.SkyBlue</span><span class="chex">#87CEEB</span></div><div class="swatch" id="lightskyblue"><span class="chip" style="background:#87CEFA"></span><span class="cname">Color.LightSkyBlue</span><span class="chex">#87CEFA</span></div><div class="swatch" id="deepskyblue"><span class="chip" style="background:#00BFFF"></span><span class="cname">Color.DeepSkyBlue</span><span class="chex">#00BFFF</span></div><div class="swatch" id="dodgerblue"><span class="chip" style="background:#1E90FF"></span><span class="cname">Color.DodgerBlue</span><span class="chex">#1E90FF</span></div><div class="swatch" id="cornflowerblue"><span class="chip" style="background:#6495ED"></span><span class="cname">Color.CornflowerBlue</span><span class="chex">#6495ED</span></div><div class="swatch" id="steelblue"><span class="chip" style="background:#4682B4"></span><span class="cname">Color.SteelBlue</span><span class="chex">#4682B4</span></div><div class="swatch" id="royalblue"><span class="chip" style="background:#4169E1"></span><span class="cname">Color.RoyalBlue</span><span class="chex">#4169E1</span></div><div class="swatch" id="mediumblue"><span class="chip" style="background:#0000CD"></span><span class="cname">Color.MediumBlue</span><span class="chex">#0000CD</span></div><div class="swatch" id="darkblue"><span class="chip" style="background:#00008B"></span><span class="cname">Color.DarkBlue</span><span class="chex">#00008B</span></div><div class="swatch" id="navy"><span class="chip" style="background:#000080"></span><span class="cname">Color.Navy</span><span class="chex">#000080</span></div><div class="swatch" id="midnightblue"><span class="chip" style="background:#191970"></span><span class="cname">Color.MidnightBlue</span><span class="chex">#191970</span></div><div class="swatch" id="cobalt"><span class="chip" style="background:#0047AB"></span><span class="cname">Color.Cobalt</span><span class="chex">#0047AB</span></div><div class="swatch" id="sapphire"><span class="chip" style="background:#0F52BA"></span><span class="cname">Color.Sapphire</span><span class="chex">#0F52BA</span></div><div class="swatch" id="denim"><span class="chip" style="background:#1560BD"></span><span class="cname">Color.Denim</span><span class="chex">#1560BD</span></div><div class="swatch" id="indigo"><span class="chip" style="background:#4B0082"></span><span class="cname">Color.Indigo</span><span class="chex">#4B0082</span></div><div class="swatch" id="prussian"><span class="chip" style="background:#003153"></span><span class="cname">Color.Prussian</span><span class="chex">#003153</span></div><div class="swatch" id="ultramarine"><span class="chip" style="background:#3F00FF"></span><span class="cname">Color.Ultramarine</span><span class="chex">#3F00FF</span></div><div class="swatch" id="periwinkle"><span class="chip" style="background:#CCCCFF"></span><span class="cname">Color.Periwinkle</span><span class="chex">#CCCCFF</span></div><div class="swatch" id="iris"><span class="chip" style="background:#5A4FCF"></span><span class="cname">Color.Iris</span><span class="chex">#5A4FCF</span></div><div class="swatch" id="glaucous"><span class="chip" style="background:#6082B6"></span><span class="cname">Color.Glaucous</span><span class="chex">#6082B6</span></div><div class="swatch" id="zaffre"><span class="chip" style="background:#0014A8"></span><span class="cname">Color.Zaffre</span><span class="chex">#0014A8</span></div><div class="swatch" id="berry"><span class="chip" style="background:#2E2D88"></span><span class="cname">Color.Berry</span><span class="chex">#2E2D88</span></div></div></div><div class="swatch-group"><h3>Purples</h3><div class="swatch-row"><div class="swatch" id="purple"><span class="chip" style="background:#800080"></span><span class="cname">Color.Purple</span><span class="chex">#800080</span></div><div class="swatch" id="violet"><span class="chip" style="background:#EE82EE"></span><span class="cname">Color.Violet</span><span class="chex">#EE82EE</span></div><div class="swatch" id="darkviolet"><span class="chip" style="background:#9400D3"></span><span class="cname">Color.DarkViolet</span><span class="chex">#9400D3</span></div><div class="swatch" id="blueviolet"><span class="chip" style="background:#8A2BE2"></span><span class="cname">Color.BlueViolet</span><span class="chex">#8A2BE2</span></div><div class="swatch" id="mediumpurple"><span class="chip" style="background:#9370DB"></span><span class="cname">Color.MediumPurple</span><span class="chex">#9370DB</span></div><div class="swatch" id="amethyst"><span class="chip" style="background:#9966CC"></span><span class="cname">Color.Amethyst</span><span class="chex">#9966CC</span></div><div class="swatch" id="plum"><span class="chip" style="background:#8E4585"></span><span class="cname">Color.Plum</span><span class="chex">#8E4585</span></div><div class="swatch" id="eggplant"><span class="chip" style="background:#614051"></span><span class="cname">Color.Eggplant</span><span class="chex">#614051</span></div><div class="swatch" id="grape"><span class="chip" style="background:#6F2DA8"></span><span class="cname">Color.Grape</span><span class="chex">#6F2DA8</span></div><div class="swatch" id="wine"><span class="chip" style="background:#722F37"></span><span class="cname">Color.Wine</span><span class="chex">#722F37</span></div><div class="swatch" id="mulberry"><span class="chip" style="background:#C54B8C"></span><span class="cname">Color.Mulberry</span><span class="chex">#C54B8C</span></div><div class="swatch" id="lilac"><span class="chip" style="background:#C8A2C8"></span><span class="cname">Color.Lilac</span><span class="chex">#C8A2C8</span></div><div class="swatch" id="wisteria"><span class="chip" style="background:#C9A0DC"></span><span class="cname">Color.Wisteria</span><span class="chex">#C9A0DC</span></div><div class="swatch" id="heliotrope"><span class="chip" style="background:#DF73FF"></span><span class="cname">Color.Heliotrope</span><span class="chex">#DF73FF</span></div><div class="swatch" id="byzantium"><span class="chip" style="background:#702963"></span><span class="cname">Color.Byzantium</span><span class="chex">#702963</span></div><div class="swatch" id="tyrian"><span class="chip" style="background:#66023C"></span><span class="cname">Color.Tyrian</span><span class="chex">#66023C</span></div><div class="swatch" id="rebeccapurple"><span class="chip" style="background:#663399"></span><span class="cname">Color.RebeccaPurple</span><span class="chex">#663399</span></div><div class="swatch" id="orchid2"><span class="chip" style="background:#AF69EF"></span><span class="cname">Color.Orchid2</span><span class="chex">#AF69EF</span></div></div></div>
|
||
<a class="back" href="api.html">← All symbols</a>
|
||
</main>
|
||
<script src="ludic-highlight.js"></script>
|
||
<script>Ludic.installCards(); Ludic.flashTarget();</script>
|
||
</body></html> |