★ Případová studie
PWA
2024 · 3 týdny
ColorMood
Řekni náladu nebo hoď fotku — dostaneš paletu, která spolu ladí a projde i testem přístupnosti.
Problém
Generátory palet většinou hodí náhodné barvy bez ohledu na to, jestli spolu fungují a jsou čitelné. Chtěl jsem nástroj, který vyjde z nálady nebo fotky a rovnou ohlídá kontrast pro reálné použití.
Řešení
- Extrakce dominantních barev z fotky (k-means v prohlížeči)
- Generování harmonií z nálady v prostoru HSL
- Automatická kontrola kontrastu (WCAG AA/AAA) u každé dvojice
- Export do CSS proměnných, Tailwind configu nebo PNG
- Plně v prohlížeči, žádný upload fotek na server
Výsledek
Nejvíc appku používají vývojáři a začínající designéři, kterým se líbí, že palety rovnou projdou kontrastem. Pár lidí z ní bere barvy pro prezentace.
Stack
PWA
Canvas
k-means
WCAG contrast
Color theory
Svelte