Menu

I built a colour-season analysis app as one HTML file (with a live camera "drape" mirror)
🖼️

I built a colour-season analysis app as one HTML file (with a live camera "drape" mirror)

DEV Community: javascript·Jacko (Nightlit)·about 20 hours ago
#kJckVSeY
#devtojavascript#devto#dev#camera#colour
Reading 0:00
15s threshold

Colour analysis is huge on TikTok right now: people hold coloured fabric ("drapes") under their face to see whether they're a Soft Summer, a Deep Winter, and so on. The paid apps in this space do very well, but most of them want an account, an app install, or a selfie uploaded to a server before you see anything.

So I built Paleta ( https://paletacolor.com): a free colour-season quiz plus a live camera drape mirror, in English and Spanish, that runs entirely in the browser.

What it does

A short quiz maps you to one of the 12 seasons (rule-based scoring, not AI).

You get your season, your 6 best colours and a shareable palette card.

The drape mirror opens your front camera and frames your face with a band of colour, so you can flip between palettes and see which shades brighten your skin and which make you look tired.

No sign-up. The camera stream never leaves the device.

How it's built

One self-contained index.html . HTML, CSS, JS, fonts (subsetted woff2) and season data all inline.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.