File size: 3,700 Bytes
0e2b5bb
 
 
 
c211fda
0e2b5bb
 
 
540d5a9
c211fda
4bbc9a0
540d5a9
4bbc9a0
540d5a9
 
c211fda
 
4bbc9a0
0e2b5bb
 
 
 
 
4bbc9a0
c211fda
f866cfd
c211fda
f866cfd
c211fda
540d5a9
c211fda
0e2b5bb
 
 
c211fda
 
f866cfd
 
 
0e2b5bb
 
4bbc9a0
 
0e2b5bb
 
c211fda
0e2b5bb
 
 
 
 
 
 
 
 
c211fda
4bbc9a0
0e2b5bb
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="/embed/huggingface-projects/color-palette-generator-sd/static/favicon.png" />
		<meta name="viewport" content="width=device-width" />
		<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
		<meta http-equiv="content-security-policy" content="">
	<link href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/assets/_layout-0243ccbc.css" rel="stylesheet">
	<link href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/assets/_page-fd1176fc.css" rel="stylesheet">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-d2a3c350.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-5559954d.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/singletons-539d6d6a.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-3bda1050.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/components/pages/_layout.svelte-55da5a4f.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/modules/pages/_layout.ts-b8ee4d7c.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/_layout-1daba58d.js">
	<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/components/pages/_page.svelte-f7a936d5.js">
	</head>
	<body class="dark:bg-[rgb(11,15,25)] bg-white dark:text-white text-black">
		<div>


<div class="max-w-screen-md mx-auto px-3 py-8 relative z-0"><h1 class="text-3xl font-bold leading-normal">Palette generation with Stable Diffusion</h1>
	<p class="text-sm">Original ideas:

		<a class="link svelte-zbscw1" target="_blank" rel="nofollow noopener" href="https://twitter.com/mattdesl/status/1569457653298139136">Matt DesLauriers
		</a>,
		<a class="link svelte-zbscw1" href="https://drib.net/homage">dribnet </a></p>
	<div class="relative top-0 z-50 bg-white dark:bg-black py-3"><form class="grid grid-cols-6"><input class="input svelte-zbscw1" placeholder="A photo of a beautiful sunset in San Francisco" title="Input prompt to generate image and obtain palette" type="text" name="prompt" >
			<button class="button svelte-zbscw1"  title="Generate Palette">Create Palette
			</button></form>
		</div>

	<div class="flex items-center gap-4 my-10"><div class="font-bold text-sm">0 submitted palettes</div>
		<div class="grow border-b border-gray-200"></div></div>

	
</div>


		<script type="module" data-sveltekit-hydrate="fzdkpo">
		import { start } from "/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-d2a3c350.js";

		start({
			env: {"PUBLIC_DEV_MODE":"PROD","PUBLIC_WS_ENDPOINT":"wss://spaces.huggingface.tech/stabilityai/stable-diffusion/queue/join"},
			hydrate: {
				status: 200,
				error: null,
				node_ids: [0, 2],
				params: {},
				routeId: "",
				data: (function(a){return [a,a]}(null)),
				form: null
			},
			paths: {"base":"/embed/huggingface-projects/color-palette-generator-sd/static","assets":"/embed/huggingface-projects/color-palette-generator-sd/static"},
			target: document.querySelector('[data-sveltekit-hydrate="fzdkpo"]').parentNode,
			trailing_slash: "never"
		});
	</script>
	</div>
	</body>
</html>