A color picker with palette generator, image analyser, contrast checker, and export options. Author in Okhsl (default, gamut-aware), Oklch (wide gamut), or RGB, then copy or export to whichever format you need.
- Perceptual Pickers: Okhsl (default, gamut-aware), Oklch (wide gamut), or RGB, with nearest-sRGB mapping for out-of-gamut colors.
- Palette Engine: Six harmonies (complementary, split-complementary, analogous, triadic, tetradic, rectangle) and variable scales on lightness, chroma, hue, or alpha.
- Image Analysis: Extract dominant and vibrant palettes locally with K-Means; sort by dominant, vibrant, bright, or dark.
- Accessibility: Real-time APCA (Lc) and WCAG 2.1 contrast checking.
- Smart Paintbox: Persistent palette, import from DTCG JSON or GIMP
.gpl, export to CSS, Tailwind, SCSS, JSON, DTCG, Android XML, or GPL in OKLCH/HEX/HSL/RGB, plus PNG and SVG images. - Library: Search 30,000+ named colors.
- Shareable: The current color mirrors to the URL hash, so any color is linkable.
- Themes: Light and dark, persisted.
- Framework: Svelte 5 (Runes)
- Language: TypeScript 6 (strict)
- Styling: Tailwind CSS v4
- Build: Vite
- Color: colordx
- Lint/Format: Biome 2
- Test: Vitest 5
Prerequisites: bun for runtime and package management. No backend, database, or routing.
| Command | Action |
|---|---|
bun install |
Install dependencies (also installs git hooks via lefthook) |
bun run dev |
Start dev server at http://localhost:5173 |
bun run build |
Production build to dist/ |
bun run preview |
Preview build |
bun run check |
All checks: Biome + typecheck + test with coverage + build |
bun run typecheck |
svelte-check + bun --check |
bun run test |
Run tests |
bun run test:coverage |
Tests with coverage (80% floor) |
bun run fix |
All fixes: Biome auto-fix (format/lint/imports) |
bun run changelog |
Print the changelog to stdout |
- Commit with Conventional Commits; lefthook and CI enforce the format.
- Run
bun run release(cog bump --auto). - The bump runs
bun run check, syncs the version, commits and tags, pushes, then creates the GitHub release with the tag's changelog section as notes andCHANGELOG.mdattached as an asset.
Requires cog and an authenticated gh. main deploys to GitHub Pages once CI passes.