- ID de l'analyse :
- d38ff031-147b-4d23-ba5e-f31a7f59d403Terminée
- URL soumise :
- https://color-get.com/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://chromewebstore.google.com/detail/hieggacoheehpcdeiihohgkjpipndabp | Add to Chrome |
Variables JavaScript : 5 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __sveltekit_11ku74v | object |
| __svelte | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="https://color-get.com/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="./manifest.json">
<link href="./_app/immutable/assets/Header.jgGeA6-O.css" rel="stylesheet"><!--[--><meta name="description" content="Free online color tools including color picker, color palettes, color converter, and color harmonies."> <meta property="og:title" content="ColorGet"> <meta property="og:description" content="Free online color tools including color picker, color palettes, color converter, and color harmonies."> <meta property="og:url" content="https://color-get.com/"> <meta property="og:type" content="article"> <meta property="og:site_name" content="ColorGet"> <!--[--><meta property="og:image" content="https://color-get.com/og-image.png"> <meta property="og:image:alt" content="ColorGet - Free Color Tools"><!--]--> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large max-video-preview:-1"> <!----><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "ColorGet",
"url": "https://color-get.com/",
"description": "Free online color tools including color picker, color palettes, color converter, and color harmonies.",
"applicationCategory": "Utility",
"operatingSystem": "Any",
"featureList": ["Color picker","Color palettes","Color converter","Color harmonies"]
}</script><!----> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="ColorGet"> <meta name="twitter:description" content="Free online color tools including color picker, color palettes, color converter, and color harmonies."> <meta name="twitter:url" content="https://color-get.com/"> <!--[--><meta name="twitter:image" content="https://color-get.com/og-image.png"> <meta name="twitter:image:alt" content="ColorGet - Free Color Tools"><!--]--> <!--[!--><!--]--><!--]--><title>ColorGet</title>
<link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/nodes/0.CFrxTuz4.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/disclose-version.BZ5Ma6yV.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/runtime.DnWqHK-2.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/snippet.NuDQcWKG.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/nodes/1.CBKS5lYX.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/legacy.BdJzE5n7.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/render.DCT6aiJu.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/events.CVC5blBM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/misc.BEsaxqg5.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/svelte-head.CaO4PTPD.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/lifecycle.hm8kMXoK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/store.DTjvHmQp.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/stores.D09zdCFM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/entry.C_WmEPTn.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/nodes/3.CkGXOCYv.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/Header.x7J6cJ7A.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/attributes.CmUST0iJ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/proxy.BRvU6vLQ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/hex.D-S8xINI.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/index.k4GY1lrc.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/tailwindcss.BL2LhoHs.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/each.DtBImaPK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/class.D9SQzngr.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/RightSider.D49WllLO.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/html.DgK1z6F4.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/nodes/8.DC5THfpf.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/Seo.DMqQRw-0.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/if.DzqIIO_z.js"><link rel="modulepreload" as="script" crossorigin="" href="https://color-get.com/_app/immutable/chunks/props.CgzFs01r.js"></head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div class="min-h-screen 2xl:max-w-[1640px] 2xl:mx-auto"><header class="bg-white/95 backdrop-blur-sm shadow-sm sticky top-0 z-50"><div class="px-4"><div class="flex justify-between items-center h-16"><div class="flex items-center"><a href="/" class="flex items-center"><h1 class="text-2xl sm:text-3xl font-bold bg-gradient-to-r from-emerald-300 to-purple-500 bg-clip-text text-transparent">ColorGet</h1></a></div> <div class="hidden sm:flex items-center gap-4"><div class="flex items-center gap-2 bg-gray-50 rounded-lg p-1 border border-gray-200 focus-within:ring-2 focus-within:ring-gray-300 focus-within:border-gray-300 transition-all duration-200"><input type="color" class="h-9 w-12 rounded cursor-pointer bg-transparent"> <input type="text" placeholder="hex, color name" class="flex-1 px-3 py-1.5 rounded-md bg-transparent text-gray-900 focus:outline-none placeholder:text-gray-500"></div><!----> <a href="https://chromewebstore.google.com/detail/hieggacoheehpcdeiihohgkjpipndabp" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 h-[44px] px-4 rounded-lg bg-blue-50 text-blue-600 hover:bg-blue-100 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="#FFF" d="M128.003 199.216c39.335 0 71.221-31.888 71.221-71.223S167.338 56.77 128.003 56.77S56.78 88.658 56.78 127.993s31.887 71.223 71.222 71.223"></path><path fill="#229342" d="M35.89 92.997Q27.92 79.192 17.154 64.02a127.98 127.98 0 0 0 110.857 191.981q17.671-24.785 23.996-35.74q12.148-21.042 31.423-60.251v-.015a63.993 63.993 0 0 1-110.857.017Q46.395 111.19 35.89 92.998"></path><path fill="#FBC116" d="M128.008 255.996A127.97 127.97 0 0 0 256 127.997A128 128 0 0 0 238.837 64q-36.372-3.585-53.686-3.585q-19.632 0-57.152 3.585l-.014.01a63.99 63.99 0 0 1 55.444 31.987a63.99 63.99 0 0 1-.001 64.01z"></path><path fill="#1A73E8" d="M128.003 178.677c27.984 0 50.669-22.685 50.669-50.67s-22.685-50.67-50.67-50.67c-27.983 0-50.669 22.686-50.669 50.67s22.686 50.67 50.67 50.67"></path><path fill="#E33B2E" d="M128.003 64.004H238.84a127.973 127.973 0 0 0-221.685.015l55.419 95.99l.015.008a63.993 63.993 0 0 1 55.415-96.014z"></path></svg> <span class="hidden md:inline">Add to Chrome</span></a></div> <div class="flex items-center gap-4"><button aria-label="Menu" class="sm:hidden p-2 rounded-lg hover:bg-gray-100 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="text-gray-600"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M4 6h16M4 12h16M4 18h16"></path></svg></button> <div class="relative group"><button aria-label="Share" class="p-2 rounded-full hover:bg-gray-100 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="text-gray-600"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="5" cy="12" r="2"></circle><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle></g></svg></button> <div class="absolute right-0 w-48 mt-2 origin-top-right bg-white rounded-lg shadow-lg ring-1 ring-gray-200 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-all duration-200"><div class="py-2"><a href="/palette/generator" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Palette Generator</a> <div class="border-t border-gray-200 my-2"></div> <a href="/about" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">About</a> <a href="/terms" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Terms of Service</a> <a href="/privacy" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Privacy Policy</a></div></div></div></div></div> <div id="mobile-nav" class="sm:hidden hidden py-4"><div class="flex flex-col gap-4"><div class="flex items-center gap-2 bg-gray-50 rounded-lg p-1 border border-gray-200 focus-within:ring-2 focus-within:ring-gray-300 focus-within:border-gray-300 transition-all duration-200"><input type="color" class="h-9 w-12 rounded cursor-pointer bg-transparent"> <input type="text" placeholder="hex, color name" class="flex-1 px-3 py-1.5 rounded-md bg-transparent text-gray-900 focus:outline-none placeholder:text-gray-500"></div><!----></div></div></div></header><!----> <div class="flex h-[calc(100vh-64px)]"><div class="overflow-y-auto"><aside class="w-0 md:flex flex-col md:w-48 bg-white border-r border-gray-200 relative z-[99]"><nav class="hidden md:block p-4 border-b border-gray-200 bg-white shadow-sm sticky top-0"><!--[--><a href="/" title="New Color Palettes" class="w-full flex items-center space-x-3 px-3 py-2 mb-1 rounded-lg text-sm bg-blue-100 text-blue-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75M1.25 12a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m18 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75M12 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75" clip-rule="evenodd" opacity=".8"></path><path fill="currentColor" d="M5.47 5.47a.75.75 0 0 1 1.06 0l.344.343a.75.75 0 0 1-1.061 1.06L5.47 6.53a.75.75 0 0 1 0-1.06m13.06 0a.75.75 0 0 1 0 1.06l-.343.344a.75.75 0 0 1-1.06-1.061l.343-.343a.75.75 0 0 1 1.06 0M6.873 17.127a.75.75 0 0 1 0 1.06l-.343.343a.75.75 0 0 1-1.06-1.06l.343-.343a.75.75 0 0 1 1.06 0m10.254 0a.75.75 0 0 1 1.06 0l.343.343a.75.75 0 1 1-1.06 1.06l-.343-.343a.75.75 0 0 1 0-1.06" opacity=".5"></path><path fill="currentColor" d="M7 11.06c0 2.542 2.01 3.897 3.48 5.11c.52.427 1.02.83 1.52.83s1-.403 1.52-.83c1.47-1.213 3.48-2.568 3.48-5.11s-2.75-4.346-5-1.902c-2.25-2.444-5-.64-5 1.902"></path></svg><!----> <span>New</span></a><a href="/hex/f97fd8" title="Hex Color Picker" class="w-full flex items-center space-x-3 px-3 py-2 mb-1 rounded-lg text-sm hover:bg-gray-50 text-gray-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#f38id0)"><path fill="url(#f38idc)" d="M22.053 6.114C15.279 2.734 7.25 4.039 3.592 9.95S2.263 23.73 8.799 27.523c3.211 1.863 8.395 3.766 10.501 1.228c2.065-2.486-.98-4.06-.27-5.437c1.144-2.213 6.262.69 9.61-2.887c3.771-4.034.008-11.021-6.587-14.313m2.027 12.991c-1.763 0-3.03-1.258-3.03-2.965s1.267-2.964 3.03-2.964s3.03 1.258 3.03 2.964c0 1.707-1.268 2.965-3.03 2.965"></path></g><g filter="url(#f38id1)"><path fill="#CB758C" d="M8.107 15.344a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id2)"><path fill="#CB758C" d="M14.084 11.32a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id3)"><path fill="#CB758C" d="M13.592 26.951a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id4)"><path fill="#EDB88B" d="M8.449 21.951a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id5)"><path fill="#EDB88B" d="M8.527 14.982a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id6)"><path fill="#EDB88B" d="M14.699 10.963a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id7)"><path fill="url(#f38idd)" d="M14.39 11.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><g filter="url(#f38id8)"><path fill="url(#f38ide)" d="M8.39 15.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><g filter="url(#f38id9)"><path fill="#CB758C" d="M8.107 22.443a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38ida)"><path fill="url(#f38idf)" d="M8.39 22.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><g filter="url(#f38idb)"><path fill="url(#f38idg)" d="M13.89 26.781a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><defs><filter id="f38id0" width="29.029" height="26.295" x="1.561" y="3.981" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".45" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.647059 0 0 0 0 0.458824 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3" dy="-.3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.937255 0 0 0 0 0.501961 0 0 0 0 0.588235 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.835294 0 0 0 0 0.615686 0 0 0 1 0"></feColorMatrix><feBlend in2="effect2_innerShadow_18_4328" result="effect3_innerShadow_18_4328"></feBlend></filter><filter id="f38id1" width="5.381" height="5.381" x="5.417" y="10.463" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id2" width="5.381" height="5.381" x="11.394" y="6.44" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id3" width="5.381" height="5.381" x="10.902" y="22.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id4" width="5.381" height="5.381" x="5.759" y="17.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id5" width="5.381" height="5.381" x="5.837" y="10.102" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id6" width="5.381" height="5.381" x="12.009" y="6.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id7" width="5.1" height="4.8" x="11.839" y="6.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.490196 0 0 0 0 0.984314 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.635294 0 0 0 0 0.258824 0 0 0 0 0.639216 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><filter id="f38id8" width="5.1" height="4.8" x="5.839" y="10.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.34902 0 0 0 0 0.619608 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.807843 0 0 0 0 0.172549 0 0 0 0 0.415686 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><filter id="f38id9" width="5.381" height="5.381" x="5.417" y="17.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38ida" width="5.1" height="4.8" x="5.839" y="17.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.364706 0 0 0 0 0.894118 0 0 0 0 0.737255 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.533333 0 0 0 0 0.694118 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><filter id="f38idb" width="5.1" height="4.8" x="11.339" y="22.281" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.364706 0 0 0 0 0.752941 0 0 0 0 0.945098 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.4 0 0 0 0 0.917647 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><linearGradient id="f38idc" x1="24.08" x2="13.725" y1="7.184" y2="29.717" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB9A1"></stop><stop offset="1" stop-color="#FFB4AD"></stop></linearGradient><linearGradient id="f38idd" x1="13.072" x2="15.139" y1="6.781" y2="11.793" gradientUnits="userSpaceOnUse"><stop stop-color="#CC67F1"></stop><stop offset="1" stop-color="#C950FC"></stop></linearGradient><linearGradient id="f38ide" x1="7.072" x2="9.139" y1="10.781" y2="15.793" gradientUnits="userSpaceOnUse"><stop stop-color="#F9399F"></stop><stop offset="1" stop-color="#FD328C"></stop></linearGradient><linearGradient id="f38idf" x1="7.072" x2="9.139" y1="17.781" y2="22.793" gradientUnits="userSpaceOnUse"><stop stop-color="#47CFA8"></stop><stop offset="1" stop-color="#48ABEB"></stop></linearGradient><linearGradient id="f38idg" x1="12.572" x2="14.639" y1="22.281" y2="27.293" gradientUnits="userSpaceOnUse"><stop stop-color="#49B1F1"></stop><stop offset="1" stop-color="#4982FE"></stop></linearGradient></defs></g></svg><!----> <span>Hex Color Picker</span></a><a href="/html-color-codes" title="HTML Color Codes" class="w-full flex items-center space-x-3 px-3 py-2 mb-1 rounded-lg text-sm hover:bg-gray-50 text-gray-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="#4169E1" d="M7.08 11.25A4.84 4.84 0 0 1 8 9.05L4.43 5.49A9.88 9.88 0 0 0 2 11.25z"></path><path fill="#FF69B4" d="M9.05 8a4.84 4.84 0 0 1 2.2-.91V2a9.88 9.88 0 0 0-5.76 2.43z"></path><path fill="#32CD32" d="M12.75 2v5A4.84 4.84 0 0 1 15 8l3.56-3.56A9.88 9.88 0 0 0 12.75 2"></path><path fill="#FFD700" d="M8 15a4.84 4.84 0 0 1-.91-2.2H2a9.88 9.88 0 0 0 2.39 5.76z"></path><path fill="#FF6347" d="M11.25 16.92a4.84 4.84 0 0 1-2.2-.92l-3.56 3.57A9.88 9.88 0 0 0 11.25 22z"></path><path fill="#40E0D0" d="M16 9.05a4.84 4.84 0 0 1 .91 2.2h5a9.88 9.88 0 0 0-2.39-5.76z"></path><path fill="#BA55D3" d="M15 16a4.84 4.84 0 0 1-2.2.91v5a9.88 9.88 0 0 0 5.76-2.39z"></path><path fill="#20B2AA" d="M16.92 12.75A4.84 4.84 0 0 1 16 15l3.56 3.56A9.88 9.88 0 0 0 22 12.75z"></path></svg><!----> <span>HTML Color Codes</span></a><a href="/tools/tailwind" title="Tailwind CSS Tools" class="w-full flex items-center space-x-3 px-3 py-2 mb-1 rounded-lg text-sm hover:bg-gray-50 text-gray-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 128 128"><path fill="#38bdf8" d="M64.004 25.602c-17.067 0-27.73 8.53-32 25.597c6.398-8.531 13.867-11.73 22.398-9.597c4.871 1.214 8.352 4.746 12.207 8.66C72.883 56.629 80.145 64 96.004 64c17.066 0 27.73-8.531 32-25.602q-9.6 12.803-22.399 9.602c-4.87-1.215-8.347-4.746-12.207-8.66c-6.27-6.367-13.53-13.738-29.394-13.738M32.004 64c-17.066 0-27.73 8.531-32 25.602Q9.603 76.799 22.402 80c4.871 1.215 8.352 4.746 12.207 8.66c6.274 6.367 13.536 13.738 29.395 13.738c17.066 0 27.73-8.53 32-25.597q-9.6 12.797-22.399 9.597c-4.87-1.214-8.347-4.746-12.207-8.66C55.128 71.371 47.868 64 32.004 64m0 0"></path></svg><!----> <span>Tailwind CSS Tools</span></a><!--]--></nav> <nav class="md:hidden fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 px-4 py-2 z-99"><div class="flex justify-around"><!--[--><a href="/" title="New Color Palettes" class="flex flex-col items-center p-2 text-blue-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75M1.25 12a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m18 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75M12 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75" clip-rule="evenodd" opacity=".8"></path><path fill="currentColor" d="M5.47 5.47a.75.75 0 0 1 1.06 0l.344.343a.75.75 0 0 1-1.061 1.06L5.47 6.53a.75.75 0 0 1 0-1.06m13.06 0a.75.75 0 0 1 0 1.06l-.343.344a.75.75 0 0 1-1.06-1.061l.343-.343a.75.75 0 0 1 1.06 0M6.873 17.127a.75.75 0 0 1 0 1.06l-.343.343a.75.75 0 0 1-1.06-1.06l.343-.343a.75.75 0 0 1 1.06 0m10.254 0a.75.75 0 0 1 1.06 0l.343.343a.75.75 0 1 1-1.06 1.06l-.343-.343a.75.75 0 0 1 0-1.06" opacity=".5"></path><path fill="currentColor" d="M7 11.06c0 2.542 2.01 3.897 3.48 5.11c.52.427 1.02.83 1.52.83s1-.403 1.52-.83c1.47-1.213 3.48-2.568 3.48-5.11s-2.75-4.346-5-1.902c-2.25-2.444-5-.64-5 1.902"></path></svg><!----> <span class="text-xs mt-1">New</span></a><a href="/hex/f97fd8" title="Hex Color Picker" class="flex flex-col items-center p-2 text-gray-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#f38id0)"><path fill="url(#f38idc)" d="M22.053 6.114C15.279 2.734 7.25 4.039 3.592 9.95S2.263 23.73 8.799 27.523c3.211 1.863 8.395 3.766 10.501 1.228c2.065-2.486-.98-4.06-.27-5.437c1.144-2.213 6.262.69 9.61-2.887c3.771-4.034.008-11.021-6.587-14.313m2.027 12.991c-1.763 0-3.03-1.258-3.03-2.965s1.267-2.964 3.03-2.964s3.03 1.258 3.03 2.964c0 1.707-1.268 2.965-3.03 2.965"></path></g><g filter="url(#f38id1)"><path fill="#CB758C" d="M8.107 15.344a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id2)"><path fill="#CB758C" d="M14.084 11.32a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id3)"><path fill="#CB758C" d="M13.592 26.951a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id4)"><path fill="#EDB88B" d="M8.449 21.951a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id5)"><path fill="#EDB88B" d="M8.527 14.982a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id6)"><path fill="#EDB88B" d="M14.699 10.963a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38id7)"><path fill="url(#f38idd)" d="M14.39 11.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><g filter="url(#f38id8)"><path fill="url(#f38ide)" d="M8.39 15.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><g filter="url(#f38id9)"><path fill="#CB758C" d="M8.107 22.443a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38"></path></g><g filter="url(#f38ida)"><path fill="url(#f38idf)" d="M8.39 22.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><g filter="url(#f38idb)"><path fill="url(#f38idg)" d="M13.89 26.781a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"></path></g><defs><filter id="f38id0" width="29.029" height="26.295" x="1.561" y="3.981" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".45" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.647059 0 0 0 0 0.458824 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3" dy="-.3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.937255 0 0 0 0 0.501961 0 0 0 0 0.588235 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.835294 0 0 0 0 0.615686 0 0 0 1 0"></feColorMatrix><feBlend in2="effect2_innerShadow_18_4328" result="effect3_innerShadow_18_4328"></feBlend></filter><filter id="f38id1" width="5.381" height="5.381" x="5.417" y="10.463" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id2" width="5.381" height="5.381" x="11.394" y="6.44" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id3" width="5.381" height="5.381" x="10.902" y="22.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id4" width="5.381" height="5.381" x="5.759" y="17.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id5" width="5.381" height="5.381" x="5.837" y="10.102" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id6" width="5.381" height="5.381" x="12.009" y="6.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38id7" width="5.1" height="4.8" x="11.839" y="6.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.490196 0 0 0 0 0.984314 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.635294 0 0 0 0 0.258824 0 0 0 0 0.639216 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><filter id="f38id8" width="5.1" height="4.8" x="5.839" y="10.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.34902 0 0 0 0 0.619608 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.807843 0 0 0 0 0.172549 0 0 0 0 0.415686 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><filter id="f38id9" width="5.381" height="5.381" x="5.417" y="17.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"></feGaussianBlur></filter><filter id="f38ida" width="5.1" height="4.8" x="5.839" y="17.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.364706 0 0 0 0 0.894118 0 0 0 0 0.737255 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.533333 0 0 0 0 0.694118 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><filter id="f38idb" width="5.1" height="4.8" x="11.339" y="22.281" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx="-.3" dy=".3"></feOffset><feGaussianBlur stdDeviation=".225"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.364706 0 0 0 0 0.752941 0 0 0 0 0.945098 0 0 0 1 0"></feColorMatrix><feBlend in2="shape" result="effect1_innerShadow_18_4328"></feBlend><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dx=".3"></feOffset><feGaussianBlur stdDeviation=".5"></feGaussianBlur><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"></feComposite><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.4 0 0 0 0 0.917647 0 0 0 1 0"></feColorMatrix><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"></feBlend></filter><linearGradient id="f38idc" x1="24.08" x2="13.725" y1="7.184" y2="29.717" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB9A1"></stop><stop offset="1" stop-color="#FFB4AD"></stop></linearGradient><linearGradient id="f38idd" x1="13.072" x2="15.139" y1="6.781" y2="11.793" gradientUnits="userSpaceOnUse"><stop stop-color="#CC67F1"></stop><stop offset="1" stop-color="#C950FC"></stop></linearGradient><linearGradient id="f38ide" x1="7.072" x2="9.139" y1="10.781" y2="15.793" gradientUnits="userSpaceOnUse"><stop stop-color="#F9399F"></stop><stop offset="1" stop-color="#FD328C"></stop></linearGradient><linearGradient id="f38idf" x1="7.072" x2="9.139" y1="17.781" y2="22.793" gradientUnits="userSpaceOnUse"><stop stop-color="#47CFA8"></stop><stop offset="1" stop-color="#48ABEB"></stop></linearGradient><linearGradient id="f38idg" x1="12.572" x2="14.639" y1="22.281" y2="27.293" gradientUnits="userSpaceOnUse"><stop stop-color="#49B1F1"></stop><stop offset="1" stop-color="#4982FE"></stop></linearGradient></defs></g></svg><!----> <span class="text-xs mt-1">Hex Color Picker</span></a><a href="/html-color-codes" title="HTML Color Codes" class="flex flex-col items-center p-2 text-gray-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="#4169E1" d="M7.08 11.25A4.84 4.84 0 0 1 8 9.05L4.43 5.49A9.88 9.88 0 0 0 2 11.25z"></path><path fill="#FF69B4" d="M9.05 8a4.84 4.84 0 0 1 2.2-.91V2a9.88 9.88 0 0 0-5.76 2.43z"></path><path fill="#32CD32" d="M12.75 2v5A4.84 4.84 0 0 1 15 8l3.56-3.56A9.88 9.88 0 0 0 12.75 2"></path><path fill="#FFD700" d="M8 15a4.84 4.84 0 0 1-.91-2.2H2a9.88 9.88 0 0 0 2.39 5.76z"></path><path fill="#FF6347" d="M11.25 16.92a4.84 4.84 0 0 1-2.2-.92l-3.56 3.57A9.88 9.88 0 0 0 11.25 22z"></path><path fill="#40E0D0" d="M16 9.05a4.84 4.84 0 0 1 .91 2.2h5a9.88 9.88 0 0 0-2.39-5.76z"></path><path fill="#BA55D3" d="M15 16a4.84 4.84 0 0 1-2.2.91v5a9.88 9.88 0 0 0 5.76-2.39z"></path><path fill="#20B2AA" d="M16.92 12.75A4.84 4.84 0 0 1 16 15l3.56 3.56A9.88 9.88 0 0 0 22 12.75z"></path></svg><!----> <span class="text-xs mt-1">HTML Color Codes</span></a><a href="/tools/tailwind" title="Tailwind CSS Tools" class="flex flex-col items-center p-2 text-gray-600"><!----><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 128 128"><path fill="#38bdf8" d="M64.004 25.602c-17.067 0-27.73 8.53-32 25.597c6.398-8.531 13.867-11.73 22.398-9.597c4.871 1.214 8.352 4.746 12.207 8.66C72.883 56.629 80.145 64 96.004 64c17.066 0 27.73-8.531 32-25.602q-9.6 12.803-22.399 9.602c-4.87-1.215-8.347-4.746-12.207-8.66c-6.27-6.367-13.53-13.738-29.394-13.738M32.004 64c-17.066 0-27.73 8.531-32 25.602Q9.603 76.799 22.402 80c4.871 1.215 8.352 4.746 12.207 8.66c6.274 6.367 13.536 13.738 29.395 13.738c17.066 0 27.73-8.53 32-25.597q-9.6 12.797-22.399 9.597c-4.87-1.214-8.347-4.746-12.207-8.66C55.128 71.371 47.868 64 32.004 64m0 0"></path></svg><!----> <span class="text-xs mt-1">Tailwind CSS Tools</span></a><!--]--></div></nav><!----> <nav class="hidden md:block flex-1 overflow-y-auto p-4"><!--[--><a href="/palette/pastel" title="Pastel Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Pastel</a><a href="/palette/vintage" title="Vintage Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Vintage</a><a href="/palette/retro" title="Retro Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Retro</a><a href="/palette/neon" title="Neon Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Neon</a><a href="/palette/gold" title="Gold Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Gold</a><a href="/palette/light" title="Light Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Light</a><a href="/palette/dark" title="Dark Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Dark</a><a href="/palette/warm" title="Warm Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Warm</a><a href="/palette/cold" title="Cold Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Cold</a><a href="/palette/summer" title="Summer Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Summer</a><a href="/palette/fall" title="Fall Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Fall</a><a href="/palette/winter" title="Winter Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Winter</a><a href="/palette/spring" title="Spring Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Spring</a><a href="/palette/happy" title="Happy Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Happy</a><a href="/palette/nature" title="Nature Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Nature</a><a href="/palette/earth" title="Earth Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Earth</a><a href="/palette/night" title="Night Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Night</a><a href="/palette/space" title="Space Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Space</a><a href="/palette/rainbow" title="Rainbow Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Rainbow</a><a href="/palette/gradient" title="Gradient Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Gradient</a><a href="/palette/sunset" title="Sunset Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Sunset</a><a href="/palette/sky" title="Sky Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Sky</a><a href="/palette/sea" title="Sea Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Sea</a><a href="/palette/kids" title="Kids Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Kids</a><a href="/palette/skin" title="Skin Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Skin</a><a href="/palette/food" title="Food Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Food</a><a href="/palette/cream" title="Cream Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Cream</a><a href="/palette/coffee" title="Coffee Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Coffee</a><a href="/palette/wedding" title="Wedding Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Wedding</a><a href="/palette/christmas" title="Christmas Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Christmas</a><a href="/palette/halloween" title="Halloween Color Palettes" class="w-full block text-left px-3 py-1.5 rounded-lg mb-1 text-sm hover:bg-gray-50 text-gray-500">Halloween</a><!--]--></nav></aside><!----></div> <div class="flex-1 overflow-y-auto"><!----><!----> <main class="flex-1 overflow-y-auto pb-16 md:pb-0"><div class="container mx-auto px-6 py-6"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-8 justify-items-center"><!--[--><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #18c920; height: 100px;" aria-label="#18c920"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#18c920">#18c920</div> <a href="/hex/18c920" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#18c920"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #4483cf; height: 70px;" aria-label="#4483cf"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#4483cf">#4483cf</div> <a href="/hex/4483cf" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#4483cf"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c918c0; height: 45px;" aria-label="#c918c0"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c918c0">#c918c0</div> <a href="/hex/c918c0" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c918c0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #cf9144; height: 40px;" aria-label="#cf9144"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#cf9144">#cf9144</div> <a href="/hex/cf9144" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#cf9144"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #5cffe7; height: 100px;" aria-label="#5cffe7"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#5cffe7">#5cffe7</div> <a href="/hex/5cffe7" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#5cffe7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #9f70f5; height: 70px;" aria-label="#9f70f5"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#9f70f5">#9f70f5</div> <a href="/hex/9f70f5" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#9f70f5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #ff5c74; height: 45px;" aria-label="#ff5c74"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ff5c74">#ff5c74</div> <a href="/hex/ff5c74" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ff5c74"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c6f570; height: 40px;" aria-label="#c6f570"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c6f570">#c6f570</div> <a href="/hex/c6f570" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c6f570"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #be04f1; height: 100px;" aria-label="#be04f1"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#be04f1">#be04f1</div> <a href="/hex/be04f1" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#be04f1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e67041; height: 70px;" aria-label="#e67041"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e67041">#e67041</div> <a href="/hex/e67041" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e67041"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #37f104; height: 45px;" aria-label="#37f104"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#37f104">#37f104</div> <a href="/hex/37f104" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#37f104"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #41b8e6; height: 40px;" aria-label="#41b8e6"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#41b8e6">#41b8e6</div> <a href="/hex/41b8e6" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#41b8e6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #a9761e; height: 100px;" aria-label="#a9761e"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a9761e">#a9761e</div> <a href="/hex/a9761e" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a9761e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #3ebb4f; height: 70px;" aria-label="#3ebb4f"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#3ebb4f">#3ebb4f</div> <a href="/hex/3ebb4f" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#3ebb4f"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #1e51a9; height: 45px;" aria-label="#1e51a9"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#1e51a9">#1e51a9</div> <a href="/hex/1e51a9" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#1e51a9"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #bb3eab; height: 40px;" aria-label="#bb3eab"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#bb3eab">#bb3eab</div> <a href="/hex/bb3eab" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#bb3eab"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #e6d305; height: 100px;" aria-label="#e6d305"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e6d305">#e6d305</div> <a href="/hex/e6d305" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e6d305"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #3ae481; height: 70px;" aria-label="#3ae481"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#3ae481">#3ae481</div> <a href="/hex/3ae481" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#3ae481"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #0517e6; height: 45px;" aria-label="#0517e6"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#0517e6">#0517e6</div> <a href="/hex/0517e6" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#0517e6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e43a9d; height: 40px;" aria-label="#e43a9d"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e43a9d">#e43a9d</div> <a href="/hex/e43a9d" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e43a9d"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #e8dc7d; height: 100px;" aria-label="#e8dc7d"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e8dc7d">#e8dc7d</div> <a href="/hex/e8dc7d" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e8dc7d"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #8cd9aa; height: 70px;" aria-label="#8cd9aa"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#8cd9aa">#8cd9aa</div> <a href="/hex/8cd9aa" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#8cd9aa"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #7d89e8; height: 45px;" aria-label="#7d89e8"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#7d89e8">#7d89e8</div> <a href="/hex/7d89e8" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#7d89e8"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #d98cbb; height: 40px;" aria-label="#d98cbb"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#d98cbb">#d98cbb</div> <a href="/hex/d98cbb" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#d98cbb"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #f8954f; height: 100px;" aria-label="#f8954f"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f8954f">#f8954f</div> <a href="/hex/f8954f" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f8954f"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #85ea7b; height: 70px;" aria-label="#85ea7b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#85ea7b">#85ea7b</div> <a href="/hex/85ea7b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#85ea7b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #4fb1f8; height: 45px;" aria-label="#4fb1f8"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#4fb1f8">#4fb1f8</div> <a href="/hex/4fb1f8" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#4fb1f8"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e07bea; height: 40px;" aria-label="#e07bea"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e07bea">#e07bea</div> <a href="/hex/e07bea" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e07bea"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #b71f75; height: 100px;" aria-label="#b71f75"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#b71f75">#b71f75</div> <a href="/hex/b71f75" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#b71f75"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c3bb46; height: 70px;" aria-label="#c3bb46"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c3bb46">#c3bb46</div> <a href="/hex/c3bb46" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c3bb46"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #1fb761; height: 45px;" aria-label="#1fb761"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#1fb761">#1fb761</div> <a href="/hex/1fb761" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#1fb761"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #464ec3; height: 40px;" aria-label="#464ec3"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#464ec3">#464ec3</div> <a href="/hex/464ec3" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#464ec3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #f2a673; height: 100px;" aria-label="#f2a673"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f2a673">#f2a673</div> <a href="/hex/f2a673" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f2a673"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #8ce382; height: 70px;" aria-label="#8ce382"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#8ce382">#8ce382</div> <a href="/hex/8ce382" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#8ce382"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #73bff2; height: 45px;" aria-label="#73bff2"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#73bff2">#73bff2</div> <a href="/hex/73bff2" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#73bff2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #d982e3; height: 40px;" aria-label="#d982e3"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#d982e3">#d982e3</div> <a href="/hex/d982e3" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#d982e3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #ae0a9d; height: 100px;" aria-label="#ae0a9d"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ae0a9d">#ae0a9d</div> <a href="/hex/ae0a9d" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ae0a9d"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c68524; height: 70px;" aria-label="#c68524"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c68524">#c68524</div> <a href="/hex/c68524" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c68524"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #0aae1a; height: 45px;" aria-label="#0aae1a"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#0aae1a">#0aae1a</div> <a href="/hex/0aae1a" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#0aae1a"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #2465c6; height: 40px;" aria-label="#2465c6"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#2465c6">#2465c6</div> <a href="/hex/2465c6" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#2465c6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #e1594c; height: 100px;" aria-label="#e1594c"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e1594c">#e1594c</div> <a href="/hex/e1594c" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e1594c"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #a9d888; height: 70px;" aria-label="#a9d888"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a9d888">#a9d888</div> <a href="/hex/a9d888" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a9d888"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #4cd4e1; height: 45px;" aria-label="#4cd4e1"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#4cd4e1">#4cd4e1</div> <a href="/hex/4cd4e1" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#4cd4e1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #b788d8; height: 40px;" aria-label="#b788d8"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#b788d8">#b788d8</div> <a href="/hex/b788d8" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#b788d8"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #f7776e; height: 100px;" aria-label="#f7776e"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f7776e">#f7776e</div> <a href="/hex/f7776e" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f7776e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #abe77e; height: 70px;" aria-label="#abe77e"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#abe77e">#abe77e</div> <a href="/hex/abe77e" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#abe77e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #6eeef7; height: 45px;" aria-label="#6eeef7"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#6eeef7">#6eeef7</div> <a href="/hex/6eeef7" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#6eeef7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #ba7ee7; height: 40px;" aria-label="#ba7ee7"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ba7ee7">#ba7ee7</div> <a href="/hex/ba7ee7" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ba7ee7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #51a0f5; height: 100px;" aria-label="#51a0f5"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#51a0f5">#51a0f5</div> <a href="/hex/51a0f5" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#51a0f5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e77ee6; height: 70px;" aria-label="#e77ee6"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e77ee6">#e77ee6</div> <a href="/hex/e77ee6" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e77ee6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #f5a651; height: 45px;" aria-label="#f5a651"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f5a651">#f5a651</div> <a href="/hex/f5a651" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f5a651"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #7ee77f; height: 40px;" aria-label="#7ee77f"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#7ee77f">#7ee77f</div> <a href="/hex/7ee77f" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#7ee77f"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #63f8bf; height: 100px;" aria-label="#63f8bf"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#63f8bf">#63f8bf</div> <a href="/hex/63f8bf" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#63f8bf"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #897ce9; height: 70px;" aria-label="#897ce9"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#897ce9">#897ce9</div> <a href="/hex/897ce9" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#897ce9"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #f8639c; height: 45px;" aria-label="#f8639c"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f8639c">#f8639c</div> <a href="/hex/f8639c" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f8639c"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #dce97c; height: 40px;" aria-label="#dce97c"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#dce97c">#dce97c</div> <a href="/hex/dce97c" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#dce97c"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #e78f7e; height: 100px;" aria-label="#e78f7e"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e78f7e">#e78f7e</div> <a href="/hex/e78f7e" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e78f7e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #a6d88d; height: 70px;" aria-label="#a6d88d"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a6d88d">#a6d88d</div> <a href="/hex/a6d88d" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a6d88d"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #7ed6e7; height: 45px;" aria-label="#7ed6e7"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#7ed6e7">#7ed6e7</div> <a href="/hex/7ed6e7" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#7ed6e7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #bf8dd8; height: 40px;" aria-label="#bf8dd8"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#bf8dd8">#bf8dd8</div> <a href="/hex/bf8dd8" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#bf8dd8"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #ee77ba; height: 100px;" aria-label="#ee77ba"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ee77ba">#ee77ba</div> <a href="/hex/ee77ba" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ee77ba"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #dfd986; height: 70px;" aria-label="#dfd986"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#dfd986">#dfd986</div> <a href="/hex/dfd986" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#dfd986"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #77eeab; height: 45px;" aria-label="#77eeab"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#77eeab">#77eeab</div> <a href="/hex/77eeab" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#77eeab"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #868cdf; height: 40px;" aria-label="#868cdf"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#868cdf">#868cdf</div> <a href="/hex/868cdf" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#868cdf"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #01feae; height: 100px;" aria-label="#01feae"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#01feae">#01feae</div> <a href="/hex/01feae" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#01feae"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #6648ea; height: 70px;" aria-label="#6648ea"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#6648ea">#6648ea</div> <a href="/hex/6648ea" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#6648ea"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #fe0151; height: 45px;" aria-label="#fe0151"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#fe0151">#fe0151</div> <a href="/hex/fe0151" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#fe0151"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #ccea48; height: 40px;" aria-label="#ccea48"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ccea48">#ccea48</div> <a href="/hex/ccea48" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ccea48"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #e34ace; height: 100px;" aria-label="#e34ace"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e34ace">#e34ace</div> <a href="/hex/e34ace" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e34ace"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #dabb86; height: 70px;" aria-label="#dabb86"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#dabb86">#dabb86</div> <a href="/hex/dabb86" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#dabb86"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #4ae35e; height: 45px;" aria-label="#4ae35e"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#4ae35e">#4ae35e</div> <a href="/hex/4ae35e" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#4ae35e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #86a5da; height: 40px;" aria-label="#86a5da"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#86a5da">#86a5da</div> <a href="/hex/86a5da" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#86a5da"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #cbf23a; height: 100px;" aria-label="#cbf23a"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#cbf23a">#cbf23a</div> <a href="/hex/cbf23a" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#cbf23a"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #7ae6c7; height: 70px;" aria-label="#7ae6c7"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#7ae6c7">#7ae6c7</div> <a href="/hex/7ae6c7" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#7ae6c7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #623af2; height: 45px;" aria-label="#623af2"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#623af2">#623af2</div> <a href="/hex/623af2" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#623af2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e67a99; height: 40px;" aria-label="#e67a99"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e67a99">#e67a99</div> <a href="/hex/e67a99" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e67a99"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #72ac1b; height: 100px;" aria-label="#72ac1b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#72ac1b">#72ac1b</div> <a href="/hex/72ac1b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#72ac1b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #3bbfb2; height: 70px;" aria-label="#3bbfb2"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#3bbfb2">#3bbfb2</div> <a href="/hex/3bbfb2" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#3bbfb2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #551bac; height: 45px;" aria-label="#551bac"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#551bac">#551bac</div> <a href="/hex/551bac" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#551bac"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #bf3b48; height: 40px;" aria-label="#bf3b48"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#bf3b48">#bf3b48</div> <a href="/hex/bf3b48" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#bf3b48"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #fa7a6b; height: 100px;" aria-label="#fa7a6b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#fa7a6b">#fa7a6b</div> <a href="/hex/fa7a6b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#fa7a6b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #a7ea7b; height: 70px;" aria-label="#a7ea7b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a7ea7b">#a7ea7b</div> <a href="/hex/a7ea7b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a7ea7b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #6bebfa; height: 45px;" aria-label="#6bebfa"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#6bebfa">#6bebfa</div> <a href="/hex/6bebfa" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#6bebfa"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #be7bea; height: 40px;" aria-label="#be7bea"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#be7bea">#be7bea</div> <a href="/hex/be7bea" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#be7bea"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #08ff00; height: 100px;" aria-label="#08ff00"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#08ff00">#08ff00</div> <a href="/hex/08ff00" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#08ff00"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #459fed; height: 70px;" aria-label="#459fed"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#459fed">#459fed</div> <a href="/hex/459fed" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#459fed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #f700ff; height: 45px;" aria-label="#f700ff"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f700ff">#f700ff</div> <a href="/hex/f700ff" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f700ff"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #ed9345; height: 40px;" aria-label="#ed9345"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ed9345">#ed9345</div> <a href="/hex/ed9345" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ed9345"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #f7596e; height: 100px;" aria-label="#f7596e"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f7596e">#f7596e</div> <a href="/hex/f7596e" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f7596e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c1e97c; height: 70px;" aria-label="#c1e97c"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c1e97c">#c1e97c</div> <a href="/hex/c1e97c" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c1e97c"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #59f7e2; height: 45px;" aria-label="#59f7e2"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#59f7e2">#59f7e2</div> <a href="/hex/59f7e2" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#59f7e2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #a47ce9; height: 40px;" aria-label="#a47ce9"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a47ce9">#a47ce9</div> <a href="/hex/a47ce9" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a47ce9"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #8100fa; height: 100px;" aria-label="#8100fa"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#8100fa">#8100fa</div> <a href="/hex/8100fa" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#8100fa"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #f13f3b; height: 70px;" aria-label="#f13f3b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#f13f3b">#f13f3b</div> <a href="/hex/f13f3b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#f13f3b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #79fa00; height: 45px;" aria-label="#79fa00"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#79fa00">#79fa00</div> <a href="/hex/79fa00" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#79fa00"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #3beef1; height: 40px;" aria-label="#3beef1"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#3beef1">#3beef1</div> <a href="/hex/3beef1" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#3beef1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #ef7461; height: 100px;" aria-label="#ef7461"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ef7461">#ef7461</div> <a href="/hex/ef7461" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ef7461"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #a6e283; height: 70px;" aria-label="#a6e283"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a6e283">#a6e283</div> <a href="/hex/a6e283" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a6e283"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #61dcef; height: 45px;" aria-label="#61dcef"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#61dcef">#61dcef</div> <a href="/hex/61dcef" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#61dcef"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #bf83e2; height: 40px;" aria-label="#bf83e2"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#bf83e2">#bf83e2</div> <a href="/hex/bf83e2" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#bf83e2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #a669e8; height: 100px;" aria-label="#a669e8"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#a669e8">#a669e8</div> <a href="/hex/a669e8" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#a669e8"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #db8a8b; height: 70px;" aria-label="#db8a8b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#db8a8b">#db8a8b</div> <a href="/hex/db8a8b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#db8a8b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #aae869; height: 45px;" aria-label="#aae869"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#aae869">#aae869</div> <a href="/hex/aae869" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#aae869"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #8adbda; height: 40px;" aria-label="#8adbda"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#8adbda">#8adbda</div> <a href="/hex/8adbda" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#8adbda"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #00fffb; height: 100px;" aria-label="#00fffb"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#00fffb">#00fffb</div> <a href="/hex/00fffb" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#00fffb"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #9642f0; height: 70px;" aria-label="#9642f0"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#9642f0">#9642f0</div> <a href="/hex/9642f0" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#9642f0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #ff0004; height: 45px;" aria-label="#ff0004"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ff0004">#ff0004</div> <a href="/hex/ff0004" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ff0004"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #9cf042; height: 40px;" aria-label="#9cf042"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#9cf042">#9cf042</div> <a href="/hex/9cf042" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#9cf042"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #e171f4; height: 100px;" aria-label="#e171f4"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e171f4">#e171f4</div> <a href="/hex/e171f4" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e171f4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e5a380; height: 70px;" aria-label="#e5a380"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e5a380">#e5a380</div> <a href="/hex/e5a380" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e5a380"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #84f471; height: 45px;" aria-label="#84f471"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#84f471">#84f471</div> <a href="/hex/84f471" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#84f471"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #80c2e5; height: 40px;" aria-label="#80c2e5"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#80c2e5">#80c2e5</div> <a href="/hex/80c2e5" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#80c2e5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #85fe67; height: 100px;" aria-label="#85fe67"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#85fe67">#85fe67</div> <a href="/hex/85fe67" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#85fe67"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #76cbef; height: 70px;" aria-label="#76cbef"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#76cbef">#76cbef</div> <a href="/hex/76cbef" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#76cbef"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #e067fe; height: 45px;" aria-label="#e067fe"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#e067fe">#e067fe</div> <a href="/hex/e067fe" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#e067fe"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #ef9a76; height: 40px;" aria-label="#ef9a76"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#ef9a76">#ef9a76</div> <a href="/hex/ef9a76" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#ef9a76"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #be2727; height: 100px;" aria-label="#be2727"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#be2727">#be2727</div> <a href="/hex/be2727" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#be2727"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #8cc157; height: 70px;" aria-label="#8cc157"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#8cc157">#8cc157</div> <a href="/hex/8cc157" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#8cc157"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #27bebe; height: 45px;" aria-label="#27bebe"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#27bebe">#27bebe</div> <a href="/hex/27bebe" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#27bebe"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #8c57c1; height: 40px;" aria-label="#8c57c1"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#8c57c1">#8c57c1</div> <a href="/hex/8c57c1" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#8c57c1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #0ac72a; height: 100px;" aria-label="#0ac72a"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#0ac72a">#0ac72a</div> <a href="/hex/0ac72a" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#0ac72a"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #2b65da; height: 70px;" aria-label="#2b65da"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#2b65da">#2b65da</div> <a href="/hex/2b65da" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#2b65da"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c70aa7; height: 45px;" aria-label="#c70aa7"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c70aa7">#c70aa7</div> <a href="/hex/c70aa7" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c70aa7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #da9f2b; height: 40px;" aria-label="#da9f2b"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#da9f2b">#da9f2b</div> <a href="/hex/da9f2b" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#da9f2b"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><div class="bg-white rounded-xl shadow-sm overflow-hidden w-full max-w-[360px]"><div class="flex flex-col"><!--[--><div class="relative cursor-pointer group" style="background-color: #7dc931; height: 100px;" aria-label="#7dc931"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#7dc931">#7dc931</div> <a href="/hex/7dc931" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#7dc931"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #6cc1c1; height: 70px;" aria-label="#6cc1c1"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#6cc1c1">#6cc1c1</div> <a href="/hex/6cc1c1" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#6cc1c1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #7d31c9; height: 45px;" aria-label="#7d31c9"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#7d31c9">#7d31c9</div> <a href="/hex/7d31c9" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#7d31c9"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><div class="relative cursor-pointer group" style="background-color: #c16c6c; height: 40px;" aria-label="#c16c6c"><div class="absolute bottom-2 left-0 w-full flex justify-between gap-2 px-2 opacity-0 transition-opacity duration-200"><div class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm cursor-pointer" title="Copy to clipboard" aria-label="#c16c6c">#c16c6c</div> <a href="/hex/c16c6c" rel="noopener noreferrer" class="text-xs bg-white/90 px-2 py-1 rounded shadow-sm" title="View color" aria-label="#c16c6c"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></a></div></div><!--]--></div></div><!--]--></div></div></main><!----><!----></div> <div class="sticky top-16"><aside class="hidden lg:block w-64 bg-white overflow-y-auto"><div class="p-4"><div class="mb-6"><h3 class="text-lg font-semibold mb-2">About ColorGet</h3> <p class="text-sm text-gray-600">Explore color codes in HEX, RGB, HSL and more formats. Generate color variations,
find harmonious combinations, and check WCAG contrast ratios for your designs.</p></div></div></aside><!----></div></div></div><!----><!--]--><!----><!----><!--]--> <!--[!--><div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px"><!----></div><!--]--><!--]-->
<script>
{
__sveltekit_11ku74v = {
base: new URL(".", location).pathname.slice(0, -1)
};
const element = document.currentScript.parentElement;
const data = [null,null,{"type":"data","data":{palettes:[["#18c920","#4483cf","#c918c0","#cf9144"],["#5cffe7","#9f70f5","#ff5c74","#c6f570"],["#be04f1","#e67041","#37f104","#41b8e6"],["#a9761e","#3ebb4f","#1e51a9","#bb3eab"],["#e6d305","#3ae481","#0517e6","#e43a9d"],["#e8dc7d","#8cd9aa","#7d89e8","#d98cbb"],["#f8954f","#85ea7b","#4fb1f8","#e07bea"],["#b71f75","#c3bb46","#1fb761","#464ec3"],["#f2a673","#8ce382","#73bff2","#d982e3"],["#ae0a9d","#c68524","#0aae1a","#2465c6"],["#e1594c","#a9d888","#4cd4e1","#b788d8"],["#f7776e","#abe77e","#6eeef7","#ba7ee7"],["#51a0f5","#e77ee6","#f5a651","#7ee77f"],["#63f8bf","#897ce9","#f8639c","#dce97c"],["#e78f7e","#a6d88d","#7ed6e7","#bf8dd8"],["#ee77ba","#dfd986","#77eeab","#868cdf"],["#01feae","#6648ea","#fe0151","#ccea48"],["#e34ace","#dabb86","#4ae35e","#86a5da"],["#cbf23a","#7ae6c7","#623af2","#e67a99"],["#72ac1b","#3bbfb2","#551bac","#bf3b48"],["#fa7a6b","#a7ea7b","#6bebfa","#be7bea"],["#08ff00","#459fed","#f700ff","#ed9345"],["#f7596e","#c1e97c","#59f7e2","#a47ce9"],["#8100fa","#f13f3b","#79fa00","#3beef1"],["#ef7461","#a6e283","#61dcef","#bf83e2"],["#a669e8","#db8a8b","#aae869","#8adbda"],["#00fffb","#9642f0","#ff0004","#9cf042"],["#e171f4","#e5a380","#84f471","#80c2e5"],["#85fe67","#76cbef","#e067fe","#ef9a76"],["#be2727","#8cc157","#27bebe","#8c57c1"],["#0ac72a","#2b65da","#c70aa7","#da9f2b"],["#7dc931","#6cc1c1","#7d31c9","#c16c6c"]]},"uses":{}}];
Promise.all([
import("./_app/immutable/entry/start.CViCuRfb.js"),
import("./_app/immutable/entry/app.BxvJrPcC.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 3, 8],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body></html>