Hue Day

Hue Day is an interactive web app that finds your seasonal color profile from a photo, shows your best colors, celebrity style matches, and outfit inspiration.

Comment

Inspiration

We were inspired by the idea of personal style and the power of color in self-expression. Many people struggle to find colors that complement their skin, hair, and eye tones, and we wanted to create a playful yet practical tool to help anyone discover their personal seasonal color profile. Hue Day combines fashion, AI, and interactivity to make self-discovery fun and visually engaging.

What it does

Hue Day is an interactive web app that lets users:

  • Upload a photo and instantly discover their seasonal color profile.
  • Explore curated celebrity style matches based on their colors.
  • Get outfit inspiration and see their best colors visualized as palettes.
  • Make fashion and color selection fun, intuitive, and personalized.

How we built it

Frontend: React with modern hooks for state and effect management.
Backend: Python (Flask) API for analyzing uploaded images and generating color palettes.
Data & Logic: AI algorithms determine base skin, hair, and eye colors, then match them to seasonal color profiles and celebrity styles.
Styling: A clean, vibrant UI highlights the color palettes and outfit inspirations in a visually appealing way.

Challenges we ran into

  • Accurate Color Extraction: Extracting accurate skin, hair, and eye tones from diverse photos was tricky.
  • Mapping to Seasonal Profiles: Converting color data into consistent seasonal categories required fine-tuning thresholds.
  • UI Responsiveness: Displaying palettes, celebrity cards, and outfit grids dynamically while keeping it mobile-friendly.

Accomplishments that we're proud of

  • Built a fully functional web app that visually connects users with their personal color profiles.
  • Designed an intuitive interface that is both informative and fun.
  • Created a system that matches users with celebrity style inspiration based on their colors.
  • Delivered a polished, interactive experience with seamless upload and analysis flow.

What we learned

  • How to integrate image analysis into a web workflow.
  • Techniques for mapping color data to seasonal palettes reliably.
  • Best practices for building responsive and dynamic React components.
  • How to combine AI-driven analysis with engaging visual design.

What's next for Hue Day

  • Expanded Celebrity Matches: Add more celebrity profiles across all seasonal types.
  • Outfit Recommendations: Suggest complete outfits based on user palettes.
  • Mobile Experience: Optimize UI for smartphones and tablets.
  • User History: Save past analyses and palettes for returning users.
  • Custom Color Exploration: Allow users to explore how different colors fit their seasonal palette interactively.
Share this project:

Updates