Formula Used
The calculator converts selected hex values into RGB and HSL values. It then checks hue distance, saturation, lightness, and relative luminance.
Contrast ratio = (lighter relative luminance + 0.05) / (darker relative luminance + 0.05).
Final score = harmony score × 30% + contrast score × 25% + undertone score × 20% + season score × 15% + occasion score × 10%.
Harmony compares hue distance against monochrome, analogous, complementary, triadic, and neutral targets. Undertone and season scores compare hue, saturation, and lightness against common styling patterns.
How to Use This Calculator
- Select the dominant outfit color.
- Select an accent color for details or accessories.
- Add a third color when layering or building a full look.
- Choose undertone, season, occasion, harmony, and contrast options.
- Press the calculate button to view the result above the form.
- Use the CSV or PDF option to save your result.
Example Data Table
| Main Color |
Accent Color |
Undertone |
Occasion |
Harmony Goal |
Expected Use |
| #1F2937 | #D97706 | Neutral | Casual | Balanced | Jacket with accent shoes |
| #0F172A | #E5E7EB | Cool | Formal | High contrast | Suit with light shirt |
| #78350F | #FDE68A | Warm | Outdoor | Analogous | Coat with scarf |
| #064E3B | #F5F5F4 | Olive | Business | Neutral led | Top layer with trousers |
Outfit Color Planning Guide
An outfit looks planned when colors support each other. A good palette does not need many shades. It needs purpose, contrast, and balance. This calculator helps you test those details before you dress. It compares your main color, accent color, and optional third color. It also reads undertone, season, event type, and contrast goal. The result is a practical score with simple styling notes.
Why Color Balance Matters
Color balance affects how an outfit feels. Similar colors look calm and smooth. Opposite colors look bold and active. Neutrals can reduce pressure when two shades feel too strong. Contrast changes the shape of an outfit. High contrast can feel sharp. Low contrast can feel soft. Medium contrast often works for daily wear.
How Undertone Helps
Skin undertone is useful because it changes how nearby colors appear. Warm undertones often suit gold, cream, camel, coral, and olive. Cool undertones often suit silver, navy, blue, berry, and gray. Neutral undertones can use both groups. Olive undertones often work well with earthy greens, warm browns, teal, ivory, and muted reds. These are guides, not fixed rules.
Season and Occasion Choices
Season settings help the calculator judge brightness and depth. Spring often favors clear warm shades. Summer often favors softer cool shades. Fall often favors deep warm shades. Winter often favors crisp cool shades and strong contrast. Occasion settings add another layer. Business outfits usually need controlled contrast. Formal looks often need polish. Casual outfits allow more freedom. Party outfits can handle stronger accent colors.
Using the Score
The final score is a planning aid. A high score means the palette fits the selected goals. A medium score means the colors can work with small changes. A low score suggests changing one color, reducing pattern strength, or adding a neutral layer. Use the notes to adjust shoes, accessories, outerwear, and metal tone.
Practical Styling Tips
Start with one dominant color. Use the accent color in smaller areas. Add a third shade when the outfit needs depth. Keep patterns modest if the palette already has high contrast. Save results when you compare several looks. The best outfit is still personal. Wear the colors with confidence. Review palettes again before buying new pieces.
FAQs
What does the outfit color score mean?
It shows how well the selected colors match your harmony, contrast, undertone, season, and occasion settings. A higher score means fewer adjustments are likely needed.
Can I use this for formal clothing?
Yes. Choose the formal occasion option. The calculator will favor controlled saturation, clear contrast, and a cleaner palette for polished outfits.
Does undertone always decide my best colors?
No. Undertone is only one guide. Personal style, fabric texture, lighting, and confidence can change how a color feels on you.
What is hue difference?
Hue difference measures the distance between two colors on the color wheel. Small distances feel related. Larger distances can feel bolder.
Why add a third color?
A third color helps plan layered outfits. It can support jackets, shoes, bags, scarves, belts, or modest details in the full look.
What contrast goal should I choose?
Choose low for soft outfits, medium for balanced daily wear, and high for sharper looks. Formal and evening outfits often use higher contrast.
Can patterns affect the result?
Yes. Strong patterns add visual activity. If colors already contrast heavily, a strong pattern may make the outfit feel busy.
Is the PDF generated on the page?
Yes. After calculating, press the PDF button. It creates a simple report using the visible result values from the page.