Color Picker

Example

Inline Color Picker

Popover Color Picker

Usage

<script lang="ts">
	import { ColorPicker, PopoverColorPicker } from 'fuchs';

	let rgb = $state({
		r: 0,
		g: 0,
		b: 0
	});
</script>

<!-- inline version -->
<ColorPicker bind:rgb />

<!-- popover version -->
<PopoverColorPicker bind:rgb />

Credits

• Adapted from svelte-color-select.