Dresscode Lab
Tool 1 of 3

Outfit Composition Analyzer

Pick your pieces, pick your colors, pick your occasion. Get a numerical score with a breakdown of color harmony (via HSL math), formality consistency, and style coherence — plus specific suggestions for what to change.

Runs in your browser only Instant results Edit any piece → re-score

1. Where are you wearing this?

Optional — improves the formality score
How to interpret

What the numbers actually mean

Color harmony (0–100)

Each color is converted to HSL (hue, saturation, lightness). The score reflects how your chromatic pieces relate on the color wheel: analogous (close hues) scores high, complementary (opposite hues) scores lower when used without neutrals. Neutrals (white, black, gray, beige, navy, denim) almost always score well because they adapt to whatever is next to them.

Formality consistency (0–100)

Each piece has a formality value from 1 (loungewear) to 5 (black tie). A high score means your pieces cluster at the same formality level. The biggest "off" feeling you can give an outfit is a sweatpant-formality item paired with a tuxedo-formality item — and humans notice this even when they can't articulate it.

Style coherence (0–100)

Style categories (sport, casual, smart-casual, business, formal) cluster differently than formality. You can have a casual and formal outfit (denim jacket + evening gown — intentional contrast) but it scores lower because the eye has to reconcile two stylistic vocabularies.

Occasion match (0–100)

Each occasion has an expected formality range (e.g., black tie expects formality 5 ± 0). The score rewards outfits where every piece is in range and punishes those where even one piece is wildly out of range (a t-shirt at a wedding, a sequin gown at a coffee shop).

Limitations

What this tool does not do

FAQ

Specific questions about this tool

How do I pick the right color from the picker?

For the most accurate score, sample the color with your phone camera and eyedropper tool, or hold the garment next to a white piece of paper and use the color picker against that reference. Off-screen colors (under store lighting) can fool the picker.

What are "preset" colors for?

They're a quick start. The 24 presets cover the most common wardrobe neutrals and chromatic colors, calibrated to look reasonable on most skin tones. You can ignore them entirely and use the color picker.

Why does the formality scale go from 1 to 5?

Five levels cover the practical range: 1 = loungewear/activewear, 2 = casual, 3 = smart casual, 4 = business, 5 = formal/black tie. Most pieces you own will fall in 2–4.

Does adding more pieces always lower the score?

Not necessarily. Adding a neutral piece (white sneaker, beige bag) typically raises the color harmony score because it gives the chromatic pieces room to breathe. Adding a second competing chromatic piece usually lowers it.

Can I save my outfit to come back to?

Not currently. Because everything runs in your browser, there's no account system and no server to save to. For now, screenshotting the result is the workflow. A URL-shareable version is on the roadmap.

About this tool

Who it's for, and who it isn't

The Outfit Analyzer is for people who already know what they want to wear but want a sanity check before they leave the house. It assumes you can identify your own pieces and roughly judge their formality.

It is not for beginners who need a "what should I wear today?" prompt — for that, use a wardrobe app that takes your photos. It's also not for people who treat clothing as performance art: the algorithm will mark down an intentionally clashing outfit, because it cannot read intent.

Best use case: you've laid out three options on the bed and can't decide. Plug all three in, compare the scores, pick the highest. Worst use case: substituting the score for your own taste.

Privacy Policy

Privacy Policy

No personal data is collected. All outfit entries, color choices, formality scores, and outputs exist only in your browser's memory for the duration of the page session. Refreshing the page clears everything.

We use Google AdSense to display ads. Google, as a third-party vendor, uses cookies to serve ads based on a user's prior visits to this site or other sites. Google's use of advertising cookies enables it and its partners to serve ads based on your visit to this and/or other sites.

You may opt out of personalized advertising by visiting Google Ads Settings. You may also opt out of some third-party vendors' use of cookies for personalized advertising by visiting www.aboutads.info.

Disclaimer

Disclaimer

This tool provides algorithmic scoring for outfit composition based on color theory and formality conventions. It is for educational and informational purposes only and does not constitute professional styling advice.

Color harmony rules are aesthetic conventions, not laws. Personal expression, cultural dress, accessibility needs, and dress codes should take precedence over any score produced here.

Dresscode Lab is not liable for outfit-related outcomes based on the use of this tool.