PageSourceSearch

https://www.colorome.com/web-colors

html colorome.com collected 2026-09-25 11:59:22 UTC 152,770 bytes, 91 lines download raw bytes

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.