ludic/ns-color.html
2026-09-17 22:10:03 +00:00

22 lines
No EOL
38 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>