Next Color Picker

A modern color picker built with Next.js 16, React 19, TypeScript, and Tailwind CSS 4. Deployed to GitHub Pages.

Features

• Full-screen background tinted by your selected color, with a smooth transition
• HSV picker (via react-colorful)
• Copy the color as HEX, RGB, or HSL with one tap
• Shareable URL built from the live origin: /{locale}/?color=HEX
• Restores your last color from localStorage
• Auto-contrast text (white or black depending on the color's luminance)
• i18n: English, Spanish, French, German, Portuguese, and Japanese (/en, /es, /fr, /de, /pt, /ja) with a floating language switcher in the bottom-right corner
• Keyboard accessible and responsive

Getting started

bun install
bun run dev

Open http://localhost:3000.

Checks

bun run lint              # ESLint
bun run build             # TypeScript + static export
bun run check:translations  # Validate all locales have complete translations

Contributing

See CONTRIBUTING.md for the code and translation contribution guides.

Branches

• main — the 2026 rewrite (this codebase)
• legacy — the original 2024 version (Next.js 14 + NextUI + Sentry)