1<!DOCTYPE html> 2<html lang="uk" class="base"> 3 <head> 4 <meta charset="utf-8" /> 5 <link rel="icon" href="./favicon.png" sizes="32x32" type="image/png"/> 6 <link rel="icon" href="./favicon.svg" sizes="any" type="image/svg+xml"/> 7 <meta name="viewport" content="width=device-width" /> 8 9 <link href="./_app/immutable/assets/vars.DURMrcPg.css" rel="stylesheet"> 10 <link href="./_app/immutable/assets/0.vWYrgJmC.css" rel="stylesheet"> 11 <link href="./_app/immutable/assets/23.CjGvI28e.css" rel="stylesheet"> 12 <link rel="modulepreload" href="./_app/immutable/entry/start.yD4vLLHg.js"> 13 <link rel="modulepreload" href="./_app/immutable/chunks/Bmn9GUlI.js"> 14 <link rel="modulepreload" href="./_app/immutable/chunks/D1svWXyu.js"> 15 <link rel="modulepreload" href="./_app/immutable/chunks/DZS52ik_.js"> 16 <link rel="modulepreload" href="./_app/immutable/chunks/C8hHz1Ir.js"> 17 <link rel="modulepreload" href="./_app/immutable/chunks/DtfaX9Lt.js"> 18 <link rel="modulepreload" href="./_app/immutable/chunks/BFtvQCU1.js"> 19 <link rel="modulepreload" href="./_app/immutable/chunks/CVy_e_Py.js"> 20 <link rel="modulepreload" href="./_app/immutable/entry/app.hO_63g6Y.js"> 21 <link rel="modulepreload" href="./_app/immutable/chunks/Dp1pzeXC.js"> 22 <link rel="modulepreload" href="./_app/immutable/chunks/Bzak7iHL.js"> 23 <link rel="modulepreload" href="./_app/immutable/chunks/BjlXO0dZ.js"> 24 <link rel="modulepreload" href="./_app/immutable/chunks/De7ez4_H.js"> 25 <link rel="modulepreload" href="./_app/immutable/chunks/Cf9UWGiS.js"> 26 <link rel="modulepreload" href="./_app/immutable/nodes/0.DrlnHKLz.js"> 27 <link rel="modulepreload" href="./_app/immutable/chunks/B0mKPCpg.js"> 28 <link rel="modulepreload" href="./_app/immutable/chunks/CCvVm5Lj.js"> 29 <link rel="modulepreload" href="./_app/immutable/chunks/DVNHTILQ.js"> 30 <link rel="modulepreload" href="./_app/immutable/chunks/IXqQuIlR.js"> 31 <link rel="modulepreload" href="./_app/immutable/chunks/BsIiliDs.js"> 32 <link rel="modulepreload" href="./_app/immutable/chunks/DgVDsEQs.js"> 33 <link rel="modulepreload" href="./_app/immutable/chunks/BRzKQYUk.js"> 34 <link rel="modulepreload" href="./_app/immutable/chunks/Cz1yaT5c.js"> 35 <link rel="modulepreload" href="./_app/immutable/chunks/KXu6Vs-p.js"> 36 <link rel="modulepreload" href="./_app/immutable/chunks/Cg_9G8Yv.js"> 37 <link rel="modulepreload" href="./_app/immutable/nodes/23.C6AFHthE.js"> 38 <link rel="modulepreload" href="./_app/immutable/chunks/tfHRGnVn.js"> 39 <link rel="modulepreload" href="./_app/immutable/chunks/CeUL8-yR.js"><!--[--><link rel="canonical" href="https://www.colorome.com/web-colors"/> <meta property="og:url" content="https://www.colorome.com/web-colors"/> <meta property="og:type" content="website"/> <meta property="og:locale" content="uk_UA"/> <meta property="og:site_name" content="Colorome"/> <!---->
39<script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","name":"Colorome","alternateName":["ÐолоÑом","Colorome.com"],"url":"https://www.colorome.com"} </script>
39<!----><!--]--><!--[--><meta name="description" content="ТаблиÑÑ: оÑÐ½Ð¾Ð²Ð½Ñ Ñа ÑозÑиÑÐµÐ½Ñ Ð½Ð°Ð·Ð²Ð¸ колÑоÑÑв HTML Ñа CSS. ÐÑÑоÑÑÑ Ñа коди, ÑÑ Ð²ÑдповÑÐ´Ð½Ñ Ð·Ð½Ð°ÑÐµÐ½Ð½Ñ HEX, RGB Ñ HSL"/> <meta property="og:title" content="ÐÐ¼ÐµÐ½Ð¾Ð²Ð°Ð½Ñ ÐºÐ¾Ð»ÑоÑи HTML Ñа CSS"/> <meta property="og:description" content="ТаблиÑÑ: оÑÐ½Ð¾Ð²Ð½Ñ Ñа ÑозÑиÑÐµÐ½Ñ Ð½Ð°Ð·Ð²Ð¸ колÑоÑÑв HTML Ñа CSS. ÐÑÑоÑÑÑ Ñа коди, ÑÑ Ð²ÑдповÑÐ´Ð½Ñ Ð·Ð½Ð°ÑÐµÐ½Ð½Ñ HEX, RGB Ñ HSL"/> <meta property="og:image" content="https://www.colorome.com/_img/og.png"/><!--]--><title>ÐÐ¼ÐµÐ½Ð¾Ð²Ð°Ð½Ñ ÐºÐ¾Ð»ÑоÑи HTML Ñа CSS</title> 40 </head> 41 42 <body data-sveltekit-preload-data="tap" class="beta"> 43
43<script> 44 (function () { 45 const THEME = 'my-theme'; 46 const DARK = 'dark'; 47 48 const myTheme = localStorage.getItem(THEME); 49 50 if (myTheme) { 51 if (myTheme === DARK) document.documentElement.classList.add(DARK); 52 return; 53 } 54 55 if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { 56 document.documentElement.classList.add(DARK); 57 } 58 })(); 59 </script>
59 60 61 <div style="display: contents"><!--[--><!--[--><!----><svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" style="display: none;"><symbol id="info"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></symbol><symbol id="baseline"><path d="M4 20h16"></path><path d="m6 16 6-12 6 12"></path><path d="M8 12h8"></path></symbol><symbol id="braces"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path></symbol><symbol id="check"><path d="M20 6 9 17l-5-5"></path></symbol><symbol id="clipboard-copy"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"></path><path d="M16 4h2a2 2 0 0 1 2 2v4"></path><path d="M21 14H11"></path><path d="m15 10-4 4 4 4"></path></symbol><symbol id="flag"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" x2="4" y1="22" y2="15"></line></symbol><symbol id="image"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></symbol><symbol id="moon"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></symbol><symbol id="paintbrush"><path d="M18.37 2.63 14 7l-1.59-1.59a2 2 0 0 0-2.82 0L8 7l9 9 1.59-1.59a2 2 0 0 0 0-2.82L17 10l4.37-4.37a2.12 2.12 0 1 0-3-3Z"></path><path d="M9 8c-2 3-4 3.5-7 4l8 10c2-1 6-5 6-7"></path><path d="M14.5 17.5 4.5 15"></path></symbol><symbol id="palette"><circle cx="13.5" cy="6.5" r=".5"></circle><circle cx="17.5" cy="10.5" r=".5"></circle><circle cx="8.5" cy="7.5" r=".5"></circle><circle cx="6.5" cy="12.5" r=".5"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></symbol><symbol id="panels-top-left"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></symbol><symbol id="sun-moon"><path d="M12 8a2.83 2.83 0 0 0 4 4 4 4 0 1 1-4-4"></path><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.9 4.9 1.4 1.4"></path><path d="m17.7 17.7 1.4 1.4"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.3 17.7-1.4 1.4"></path><path d="m19.1 4.9-1.4 1.4"></path></symbol><symbol id="sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></symbol></svg><!----> <div id="app-container" class="svelte-12qhfyh"><div id="view" class="flow svelte-12qhfyh"><header id="header" class="panel fsb svelte-rw934o"><a href="/" class="fce logo svelte-rw934o" title="Colorome"><img src="/favicon.svg" alt="Colorome" width="16" height="16" class="svelte-rw934o"/> Colorome</a> <div class="fce nav svelte-rw934o"><nav class="fce svelte-rw934o"><!--[!--><!--]--> <!--[--><a href="/colors" title="Ðазви колÑоÑÑв" class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#baseline"></use></svg><!----></a><a href="/web-colors" title="HTML колÑоÑи" class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#panels-top-left"></use></svg><!----></a><a href="/ral-colors" title="RAL колÑоÑи" class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#paintbrush"></use></svg><!----></a><a href="/national-colors" title="ÐаÑÑоналÑÐ½Ñ ÐºÐ¾Ð»ÑоÑи" class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#flag"></use></svg><!----></a><!--]--></nav></div></header><!----> <main><!--[--><!--[!--><!----><article class="flow svelte-8ekbx6"><header class="boxx"><h1 class="f-serif">ÐÐ¼ÐµÐ½Ð¾Ð²Ð°Ð½Ñ ÐºÐ¾Ð»ÑоÑи <abbr title="HyperText Markup Language" lang="en" class="svelte-8ekbx6">HTML</abbr> Ñа <abbr title="Cascading Style Sheets" lang="en" class="svelte-8ekbx6">CSS</abbr></h1> <p>ÐÑÑÐ°Ð½Ð½Ñ ÑпеÑиÑÑкаÑÑÑ <abbr title="World Wide Web Consortium" lang="en" class="svelte-8ekbx6">W3C</abbr> назв колÑоÑÑв ÑозÑÑзнÑÑÑÑ Ð¾ÑÐ½Ð¾Ð²Ð½Ñ Ñа ÑозÑиÑÐµÐ½Ñ ÑÐ¼ÐµÐ½Ð¾Ð²Ð°Ð½Ñ ÐºÐ¾Ð»ÑоÑи.</p> <p>
61У <a lang="en" href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML</a> Ñ <abbr title="Extensible Hypertext Markup Language" lang="en" class="svelte-8ekbx6">XHTML</abbr> колÑоÑи викоÑиÑÑовÑÑÑÑÑÑ Ð´Ð»Ñ Ð¾ÑоÑÐ¼Ð»ÐµÐ½Ð½Ñ ÑекÑÑÑ, ÑонÑ, Ñамок, ÑаблиÑÑ, окÑÐµÐ¼Ð¸Ñ ÐºÐ¾Ð¼ÑÑок ÑаблиÑÑ, 62 ÑоÑо.</p></header> <details class="dtl panel svelte-8ekbx6"><summary><h2 class="svelte-8ekbx6">ÐÑÐ½Ð¾Ð²Ð½Ñ ÐºÐ¾Ð»ÑоÑи HTML</h2></summary> <div class="flow svelte-8ekbx6"><p>ÐÑновними Ñ 16 ÑÐ¼ÐµÐ½Ð¾Ð²Ð°Ð½Ð¸Ñ ÐºÐ¾Ð»ÑоÑÑв , визнаÑÐµÐ½Ð¸Ñ Ñ ÑпеÑиÑÑкаÑÑÑ HTML 4.01, ÑаÑиÑÑкованÑй Ñ 63 1999 ÑоÑÑ. Ðазви колÑоÑÑв на англÑйÑÑкÑй Ð¼Ð¾Ð²Ñ (<span lang="en" class="svelte-8ekbx6">case-insensitive</span>):</p> <ul class="svelte-8ekbx6"><!--[--><li><code>aqua</code></li><li><code>black</code></li><li><code>blue</code></li><li><code>fuchsia</code></li><li><code>gray</code></li><li><code>green</code></li><li><code>lime</code></li><li><code>maroon</code></li><li><code>navy</code></li><li><code>olive</code></li><li><code>purple</code></li><li><code>red</code></li><li><code>silver</code></li><li><code>teal</code></li><li><code>white</code></li><li><code>yellow</code></li><!--]--></ul> <p>Ð¦Ñ 16 колÑоÑÑв бÑли познаÑÐµÐ½Ñ Ñк <abbr title="standard Red Green Blue" lang="en" class="svelte-8ekbx6">sRGB</abbr> Ñ Ð²ÐºÐ»ÑÑÐµÐ½Ñ Ð´Ð¾ ÑпеÑиÑÑкаÑÑÑ HTML 3.0, де зазнаÑено, Ñо Ñе «ÑÑандаÑÑÐ½Ñ 16 колÑоÑÑв, ÑÐºÑ Ð¿ÑдÑÑимÑÑÑÑÑÑ 64 палÑÑÑÐ¾Ñ Windows VGA».</p></div></details> <details class="dtl panel svelte-8ekbx6"><summary><h2 class="svelte-8ekbx6">РозÑиÑÐµÐ½Ñ ÐºÐ¾Ð»ÑоÑи HTML</h2></summary> <div class="flow svelte-8ekbx6"><p>РозÑиÑÐµÐ½Ñ ÑÐ¼ÐµÐ½Ð¾Ð²Ð°Ð½Ñ ÐºÐ¾Ð»ÑоÑи ÑÑали ÑезÑлÑÑаÑом обâÑÐ´Ð½Ð°Ð½Ð½Ñ ÑпеÑиÑÑкаÑÑй HTML 4.01, <abbr title="Cascading Style Sheets" lang="en" class="svelte-8ekbx6">CSS</abbr> 2.0, <abbr title="Scalable Vector Graphics" lang="en" class="svelte-8ekbx6">SVG</abbr> 1.0 Ñ ÑнÑеÑÑейÑÑв CSS3 (CSS3 UI).</p> <p>Ðевний веб-бÑаÑÐ·ÐµÑ Ð¼Ð¾Ð¶Ðµ не ÑозпÑзнаваÑи вÑÑ ÑÑ ÐºÐ¾Ð»ÑоÑи. Ðле з 2005 ÑокÑ, ÑÑÑаÑÐ½Ñ Ð³ÑаÑÑÑÐ½Ñ Ð±ÑаÑзеÑи 65 загалÑного викоÑиÑÑÐ°Ð½Ð½Ñ Ð¿ÑдÑÑимÑÑÑÑ Ð¿Ð¾Ð²Ð½Ð¸Ð¹ пеÑелÑк колÑоÑÑв.</p> <p>ÐагаÑо з ÑÐ¸Ñ ÐºÐ¾Ð»ÑоÑÑв взÑÑÑ Ð·Ñ ÑпиÑÐºÑ Ð½Ð°Ð·Ð² колÑоÑÑв <abbr title="X Window System" lang="en" class="svelte-8ekbx6">X11</abbr>, Ñо ÑозповÑÑджÑÑÑÑÑÑ Ñазом Ñз X Window 66 System. Ðони бÑли ÑÑандаÑÑÐ¸Ð·Ð¾Ð²Ð°Ð½Ñ SVG 1.0 Ñ Ð¿ÑиймаÑÑÑÑÑ Ð°Ð³ÐµÐ½Ñами коÑиÑÑÑваÑа SVG Full.</p></div></details> <figure><div class="flow"><dialog class="svelte-1o97pbh"><div><!--[!--><!--]--></div></dialog> <form class="form boxx svelte-1o97pbh"><label><b>ÐоÑÑк</b> <input placeholder="blue" type="search"/></label></form> <div class="table-wrap svelte-1o97pbh"><table class="svelte-1o97pbh"><thead class="svelte-1o97pbh"><tr class="svelte-1o97pbh"><!--[--><th tabindex="0" role="columnheader button" title="СоÑÑÑваÑи" class="svelte-1o97pbh">Ðазва</th><th tabindex="0" role="columnheader button" title="СоÑÑÑваÑи" class="svelte-1o97pbh">HEX</th><th tabindex="0" role="columnheader button" title="СоÑÑÑваÑи" class="svelte-1o97pbh">RGB</th><th tabindex="0" role="columnheader button" title="СоÑÑÑваÑи" class="svelte-1o97pbh">Family</th><!--]--></tr></thead><tbody class="svelte-1o97pbh"><!--[--><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #C71585;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumVioletRed</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#C71585</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>199 21 133</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>pink</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF1493;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DeepPink</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF1493</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 20 147</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>pink</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #DB7093;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PaleVioletRed</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DB7093</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>219 112 147</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>pink</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF69B4;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>HotPink</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF69B4</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 105 180</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>pink</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFB6C1;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightPink</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFB6C1</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 182 193</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>pink</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFC0CB;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Pink</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFC0CB</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 192 203</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>pink</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #8B0000;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkRed</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#8B0000</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>139 0 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF0000;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Red</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF0000</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 0 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #B22222;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Firebrick</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#B22222</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>178 34 34</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #DC143C;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Crimson</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DC143C</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>220 20 60</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #CD5C5C;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>IndianRed</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#CD5C5C</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>205 92 92</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 10%); --clr: #F08080;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightCoral</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F08080</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>240 128 128</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FA8072;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Salmon</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FA8072</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>250 128 114</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" clas
66s="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #E9967A;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkSalmon</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#E9967A</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>233 150 122</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFA07A;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightSalmon</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFA07A</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 160 122</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>red</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF4500;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>OrangeRed</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF4500</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 69 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>orange</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF6347;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Tomato</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF6347</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 99 71</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>orange</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FF8C00;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkOrange</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF8C00</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 140 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>orange</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FF7F50;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Coral</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF7F50</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 127 80</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>orange</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFA500;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Orange</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFA500</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 165 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>orange</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #BDB76B;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkKhaki</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#BDB76B</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>189 183 107</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFD700;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Gold</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFD700</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 215 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F0E68C;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Khaki</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F0E68C</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>240 230 140</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFDAB9;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PeachPuff</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>
66#FFDAB9</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 218 185</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFF00;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Yellow</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFF00</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 255 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #EEE8AA;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PaleGoldenrod</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#EEE8AA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>238 232 170</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFE4B5;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Moccasin</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFE4B5</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 228 181</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFEFD5;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PapayaWhip</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFEFD5</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 239 213</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FAFAD2;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightGoldenrodYellow</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FAFAD2</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>250 250 210</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFACD;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LemonChiffon</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFACD</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 250 205</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFFE0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightYellow</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFFE0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 255 224</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>yellow</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #800000;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Maroon</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#800000</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>128 0 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #A52A2A;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Brown</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#A52A2A</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>165 42 42</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #8B4513;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SaddleBrown</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#8B4513</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>139 69 19</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #A0522D;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Sienna</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#A0522D</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>160 82 45</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #D2691E;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Chocolate</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#D2691E</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>210 105 30</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #B8860B;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkGoldenrod</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#B8860B</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>184 134 11</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #CD853F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Peru</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#CD853F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>205 133 63</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #BC8F8F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>RosyBrown</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#BC8F8F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>188 143 143</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #DAA520;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Goldenrod</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DAA520</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>218 165 32</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F4A460;" class="svelte-1o97pb
66h"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SandyBrown</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F4A460</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>244 164 96</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #D2B48C;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Tan</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#D2B48C</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>210 180 140</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #DEB887;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Burlywood</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DEB887</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>222 184 135</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F5DEB3;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Wheat</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F5DEB3</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>245 222 179</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFDEAD;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>NavajoWhite</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFDEAD</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 222 173</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFE4C4;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Bisque</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFE4C4</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 228 196</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFEBCD;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>BlanchedAlmond</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFEBCD</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 235 205</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFF8DC;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Cornsilk</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFF8DC</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 248 220</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>brown</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #006400;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#006400</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 100 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #008000;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Green</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#008000</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 128 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #556B2F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkOliveGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#556B2F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>85 107 47</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #228B22;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>ForestGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#228B22</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>34 139 34</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #2E8B57;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SeaGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#2E8B57</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>46 139 87</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #808000;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Olive</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#808000</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>128 128 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #6B8E23;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>OliveDrab</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#6B8E23</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>107 142 35</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #3CB371;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumSeaGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#3CB371</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>60 179 113</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #32CD32;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LimeGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#32CD32</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>50 205 50</span> <button class="btn g
66host"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00FF00;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Lime</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00FF00</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 255 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00FF7F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SpringGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00FF7F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 255 127</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00FA9A;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumSpringGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00FA9A</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 250 154</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #8FBC8F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkSeaGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#8FBC8F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>143 188 143</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #66CDAA;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumAquamarine</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#66CDAA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>102 205 170</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #9ACD32;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>YellowGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#9ACD32</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>154 205 50</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #7CFC00;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LawnGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#7CFC00</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>124 252 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #7FFF00;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Chartreuse</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#7FFF00</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>127 255 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #90EE90;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#90EE90</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>144 238 144</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #ADFF2F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>GreenYellow</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#ADFF2F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>173 255 47</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #98FB98;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PaleGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#98FB98</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>152 251 152</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>green</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFE4E1;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MistyRose</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFE4E1</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 228 225</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FAEBD7;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>AntiqueWhite</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FAEBD7</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>250 235 215</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FAF0E6;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Linen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FAF0E6</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>250 240 230</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F5F5DC;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Beige</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F5F5DC</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>245 245 220</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F5F5F5;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>WhiteSmoke</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F5F5F5</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>245 245 245</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFF0F5;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LavenderBlush</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div cla
66ss="i2 svelte-1o97pbh"><span>#FFF0F5</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 240 245</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FDF5E6;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>OldLace</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FDF5E6</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>253 245 230</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F0F8FF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>AliceBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F0F8FF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>240 248 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFF5EE;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Seashell</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFF5EE</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 245 238</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F8F8FF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>GhostWhite</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F8F8FF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>248 248 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F0FFF0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Honeydew</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F0FFF0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>240 255 240</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFAF0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>FloralWhite</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFAF0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 250 240</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F0FFFF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Azure</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F0FFFF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>240 255 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #F5FFFA;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MintCream</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#F5FFFA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>245 255 250</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFAFA;
66" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Snow</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFAFA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 250 250</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFFF0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Ivory</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFFF0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 255 240</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #FFFFFF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>White</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FFFFFF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 255 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>white</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #000000;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Black</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#000000</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 0 0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #2F4F4F;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkSlateGray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#2F4F4F</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>47 79 79</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #696969;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DimGray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#696969</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>105 105 105</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #708090;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SlateGray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#708090</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>112 128 144</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #808080;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Gray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#808080</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>128 128 128</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #778899;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightSlateGray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#778899</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>119 136 153</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #A9A9A9;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkGray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#A9A9A9</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>
66169 169 169</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #C0C0C0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Silver</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#C0C0C0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>192 192 192</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #D3D3D3;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightGray</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#D3D3D3</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>211 211 211</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #DCDCDC;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Gainsboro</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DCDCDC</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>220 220 220</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>gray</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #4B0082;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Indigo</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#4B0082</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>75 0 130</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #800080;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Purple</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#800080</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>128 0 128</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #8B008B;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkMagenta</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#8B008B</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>139 0 139</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #9400D3;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkViolet</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#9400D3</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>148 0 211</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #483D8B;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkSlateBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#483D8B</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>72 61 139</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #8A2BE2;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>BlueViolet</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#8A2BE2</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>138 43 226</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #9932CC;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkOrchid</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#9932CC</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>153 50 204</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF00FF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Fuchsia</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF00FF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 0 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #FF00FF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Magenta</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#FF00FF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>255 0 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #6A5ACD;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SlateBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#6A5ACD</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>106 90 205</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #7B68EE;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumSlateBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#7B68EE</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>123 104 238</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #BA55D3;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumOrchid</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#BA55D3</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>186 85 211</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #9370DB;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumPurple</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#9370DB</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>147 112 219</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #DA70D6;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Orchid</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></b
66utton></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DA70D6</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>218 112 214</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #EE82EE;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Violet</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#EE82EE</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>238 130 238</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #DDA0DD;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Plum</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#DDA0DD</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>221 160 221</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #D8BFD8;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Thistle</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#D8BFD8</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>216 191 216</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #E6E6FA;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Lavender</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#E6E6FA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>230 230 250</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>purple</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #191970;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MidnightBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#191970</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>25 25 112</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #000080;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Navy</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#000080</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 0 128</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #00008B;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00008B</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 0 139</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #0000CD;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#0000CD</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 0 205</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #0000FF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Blue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#0000FF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 0 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #4169E1;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>RoyalBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#4169E1</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>65 105 225</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #4682B4;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SteelBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#4682B4</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>70 130 180</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #1E90FF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DodgerBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#1E90FF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>30 144 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00BFFF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DeepSkyBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00BFFF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 191 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #6495ED;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>CornflowerBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#6495ED</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>100 149 237</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #87CEEB;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>SkyBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#87CEEB</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>135 206 235</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #87CEFA;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightSkyBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#87CEFA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>135 206 250</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%);
66 --cc-bg: hsl(0 0% 10%); --clr: #B0C4DE;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightSteelBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#B0C4DE</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>176 196 222</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #ADD8E6;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#ADD8E6</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>173 216 230</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #B0E0E6;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PowderBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#B0E0E6</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>176 224 230</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>blue</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #008080;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Teal</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#008080</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 128 128</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #008B8B;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkCyan</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#008B8B</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 139 139</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #20B2AA;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightSeaGreen</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#20B2AA</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>32 178 170</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 100%); --cc-bg: hsl(0 0% 100%); --clr: #5F9EA0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>CadetBlue</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#5F9EA0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>95 158 160</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00CED1;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>DarkTurquoise</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00CED1</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 206 209</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #48D1CC;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>MediumTurquoise</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#48D1CC</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>72 209 204</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #40E0D0;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Turquoise</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#40E0D0</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>
6664 224 208</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00FFFF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Aqua</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00FFFF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 255 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #00FFFF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Cyan</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#00FFFF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>0 255 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #7FFFD4;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>Aquamarine</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#7FFFD4</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>127 255 212</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #AFEEEE;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>PaleTurquoise</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#AFEEEE</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>175 238 238</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><tr style="--cc-fg: hsl(0 0% 0%); --cc-bg: hsl(0 0% 10%); --clr: #E0FFFF;" class="svelte-1o97pbh"><td class="alpha svelte-1o97pbh" lang="en"><div class="i2 svelte-1o97pbh"><span>LightCyan</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#info"></use></svg><!----></button></div></td><td class="hex f-mono b xbg svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>#E0FFFF</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="xc rgb svelte-1o97pbh"><div class="i2 svelte-1o97pbh"><span>224 255 255</span> <button class="btn ghost"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[!--><!--]--><use href="#clipboard-copy"></use></svg><!----></button></div></td><td class="family svelte-1o97pbh" lang="en"><span>cyan</span></td></tr><!--]--></tbody></table></div></div><!----> <figcaption class="tt svelte-8ekbx6">ТаблиÑÑ Ð½Ð°Ð·Ð² колÑоÑÑв <abbr lang="en" class="svelte-8ekbx6">HTML</abbr></figcaption></figure> <footer class="boxx svelte-8ekbx6"><a href="https://imagetools.colorome.com" class="btn outlined colored round svelte-8ekbx6">Ðнлайн ÐонвеÑÑеÑи ÐобÑаженÑ</a> <a href="https://devtools.colorome.com/JSON-viewer" class="btn outlined colored round svelte-8ekbx6">Ðнлайн <abbr lang="en" title="JavaScript Object Notation" class="svelte-8ekbx6">JSON</abbr> ÐеÑеглÑдаÑ</a> <a href="https://www.ukalendar.com/randomizer/colors" class="btn outlined colored round svelte-8ekbx6">
66Ð Ð°Ð½Ð´Ð¾Ð¼Ð°Ð¹Ð·ÐµÑ Ðеб ÐолÑоÑÑв</a></footer></article><!----><!--]--><!--]--></main></div> <footer class="panel svelte-c7hnq6"><div class="btn-group"><!--[--><button class="btn"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[--><title>Light</title><!--]--><use href="#sun"></use></svg><!----></button><button class="btn reverse"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[--><title>Auto</title><!--]--><use href="#sun-moon"></use></svg><!----></button><button class="btn"><svg width="24" height="24" viewBox="0 0 24 24" class="svelte-s3yva9"><!--[--><title>Dark</title><!--]--><use href="#moon"></use></svg><!----></button><!--]--></div><!----> <nav class="fce svelte-c7hnq6"><a href="/policy">ÐолÑÑика конÑÑденÑÑйноÑÑÑ</a> <a href="/contact">ÐвоÑоÑнÑй зв'Ñзок</a></nav> <div class="tac f-mono ends"><span class="emo">ðºð¦</span>- www.Colorome.com - 2025</div></footer><!----></div><!----><!--]--> <!--[!--><!--]--><!--]--> 67 68
68<script> 69 { 70 __sveltekit_tnju45 = { 71 base: new URL(".", location).pathname.slice(0, -1) 72 }; 73 74 const element = document.currentScript.parentElement; 75 76 Promise.all([ 77 import("./_app/immutable/entry/start.yD4vLLHg.js"), 78 import("./_app/immutable/entry/app.hO_63g6Y.js") 79 ]).then(([kit, app]) => { 80 kit.start(app, element, { 81 node_ids: [0, 23], 82 data: [null,null], 83 form: null, 84 error: null 85 }); 86 }); 87 } 88 </script>
88 89 </div> 90 <!-- Cloudflare Pages Analytics -->
vendor: 99 bytes, line 90
90<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
902e9734df2eef4ea9826ace5ed4577056
vendor: 13 bytes, line 90
90"}'></script>
90<!-- Cloudflare Pages Analytics --></body> 91</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.