https://color-get.com/

掃描 ID：: d38ff031-147b-4d23-ba5e-f31a7f59d403已完成
已提交的 URL：: https://color-get.com/
報告完成時間：: 2024年12月17日 16:48:26
連結 · 找到 1 個

從頁面中識別的傳出連結
連結	Text
https://chromewebstore.google.com/detail/hieggacoheehpcdeiihohgkjpipndabp	Add to Chrome
JavaScript 變數 · 找到 5 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
名稱	類型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
__sveltekit_11ku74v	object
__svelte	object
主控台記錄訊息 · 找到 1 條

記錄到 Web 主控台的訊息
類型	類別	記錄
warning	other	URL https://color-get.com/_app/immutable/chunks/attributes.CmUST0iJ.js Text The specified value "" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
HTML

頁面的原始 HTML 主體
<!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>