Color Picker
Convert a color between HEX, RGB, HSL, and OKLCH without switching tools.
Converting colors between formats meant bouncing between different single-purpose converter sites, each missing accessibility checks.
A public deployment is available to try.
Case Study
Before
Converting colors between HEX, RGB, HSL, and OKLCH formats required switching between different tools. Designers needed instant format conversion with accessibility checking.
After
Delivered an all-in-one color tool that eliminates tab-switching between converters. The built-in accessibility checker ensures color choices work for all users.
How it's solved
Built a color picker with real-time format conversion (HEX, RGB, HSL, OKLCH), contrast ratio calculator, color blindness simulation, and palette generation from a base color.
Trade-offs
Color blindness simulation covers the common types, not every variant of color vision deficiency.
Related Articles
Further reading on related topics from the blog
Onlook: The Cursor for Designers - AI-Powered Design Tool
Discover Onlook, a free AI tool that helps designers create websites, prototypes, and designs with real-time code generation using Next.js and TailwindCSS.
Building 100 Micro-Frontends: Lessons from a Solopreneur Journey
How I built and deployed 100 independently deployed micro-frontends on Vercel, the architecture decisions, trade-offs, and what I learned about scaling a one-person dev operation.
Essential AI Tools for Developers and Designers in 2025
A curated list of powerful AI tools that are transforming how developers and designers work, from OCR to design assistants.
Related Projects
More in Tech Domain · Book Dev