Color Analysis (GPT-4 + FreeTone)
Processing
Analyzing garment colors... {{ taskProgress }}%

Upload Garment Image

Drop your image here or click to browse

Supports: PNG, JPG, JPEG, GIF, BMP, TIFF, WebP

Selected Image:

Selected image

{{ selectedImage.name }}

{{ (selectedImage.size / 1024 / 1024).toFixed(2) }} MB

This name is required to track your garment colors in the gallery.

{{ analysisResult.palette_name || analysisOptions.paletteName }}

Created: {{ new Date().toLocaleDateString() }}

Dominant Palette ({{ analysisResult.dominant_colors.length }})

Garment Color Profile

{{ color.percentage }}% Coverage

FreeTone Match
{{ color.freetone_match.name }} {{ color.freetone_match.hex }}
Hex {{ color.hex }}
RGB {{ color.rgb[0] }}, {{ color.rgb[1] }}, {{ color.rgb[2] }}
Category {{ color.fashion_match.category.replace('_', ' ') }}
Match Quality {{ color.fashion_match.match_quality }}
Matching Method {{ color.freetone_match ? (color.freetone_match.method || 'LAB-DeltaE') : 'Spectral' }}
Confidence Score {{ Math.round(color.freetone_match.confidence * 100) }}%

Tip: Use "Toggle Edit" to modify Reference Tiles or manually adjust colors.

Palette Summary

{{ analysisResult.palette_summary.dominant_category.replace('_', ' ') }}
Total Coverage
{{ Math.round(analysisResult.palette_summary.total_coverage) }}%
{{ catName.replace('_', ' ') }}
{{ catColors.length }}
{{ item.name }} {{ Math.round(item.percentage) }}%

Harmony Analysis

How your garment colors interact

Efficiency Score
{{ Math.round(analysisResult.harmony_analysis.harmony_score) }}%
Harmony Type
{{ analysisResult.harmony_analysis.harmony_type }}

{{ analysisResult.harmony_analysis.description }}

Expert Recommendations

{{ rec }}

Temperature
{{ analysisResult.harmony_analysis.color_temperature.temperature }}
{{ analysisResult.harmony_analysis.color_temperature.description }}
Saturation
{{ analysisResult.harmony_analysis.saturation_analysis.level }}
{{ analysisResult.harmony_analysis.saturation_analysis.description }}
Brightness
{{ analysisResult.harmony_analysis.brightness_analysis.level }}
{{ analysisResult.harmony_analysis.brightness_analysis.description }}

Fashion Insights

Market trends & seasonal intelligence

Versatility: {{ analysisResult.fashion_insights.versatility_score.label }}
{{ Math.round((analysisResult.fashion_insights.versatility_score.percentage <= 1 ? analysisResult.fashion_insights.versatility_score.percentage * 100 : analysisResult.fashion_insights.versatility_score.percentage) || 0) }}%
Seasonal Focus
{{ analysisResult.fashion_insights.seasonal_analysis }}
Trend Intelligence
{{ analysisResult.fashion_insights.trend_analysis.style.replace('-', ' ') }}

{{ analysisResult.fashion_insights.trend_analysis.description }}

Key Curated Insights
{{ insight }}

AI Styling Expert Recommendations

{{ sugg }}
{{ brand }}
{{ rec }}
{{ season }}

Your Palette Gallery

Securely stored color profiles

No palettes analyzed yet

{{ palette.name }}

{{ formatPaletteDate(palette.created_at) }}

FreeTone Color Library

{{ ftColor.name }}
{{ ftColor.hex }}

No colors found in library

Delete Color?

Do you really want to delete this color from your active analysis?