Color Analysis (GPT-4 + FreeTone)
Processing
Analyzing garment colors with FreeTone palette matching... {{ taskProgress }}%
Processing time: {{ processingTime }}s

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

Palette name is required to save.

Intelligent Color Detection

Our AI automatically determines the optimal number of colors to extract based on your garment's complexity.

No analysis results available. Upload an image and click analyze to see results.

Palette saved successfully!
ID: {{ analysisResult.saved_palette_id }}

{{ analysisResult.saved_palette_name || analysisOptions.paletteName }} Untitled Palette

Created: {{ createdAtDisplay }}

{{ colorDisplayName(color) }}
{{ color.hex }}

Dominant Colors ({{ analysisResult.color_count }})

Tip: Click "Use in Color Variations" above to route these colors to generation APIs.
Library: {{ analysisResult.processing_info.color_library || 'FreeTone' }} Method: {{ analysisResult.processing_info.matching_method }}

{{ color.fashion_match.fashion_color_name }}

{{ color.percentage }}% coverage

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.toUpperCase() }}
FreeTone Match: {{ color.freetone_match.name }} {{ color.freetone_match.hex }}
Method {{ color.freetone_match.method || (analysisResult.processing_info && analysisResult.processing_info.matching_method) || 'RGB-Euclidean' }}
FreeTone Code {{ color.freetone_match.code }}
Confidence {{ Math.round(color.freetone_match.confidence * 100) }}%

Color Harmony Analysis

Harmony Type

{{ analysisResult.harmony_analysis.harmony_type.replace('_', ' ').toUpperCase() }}

{{ analysisResult.harmony_analysis.description }}

Color Temperature

{{ analysisResult.harmony_analysis.color_temperature.temperature }}

{{ analysisResult.harmony_analysis.color_temperature.description }}

Saturation Level

{{ analysisResult.harmony_analysis.saturation_analysis.value }}%

{{ analysisResult.harmony_analysis.saturation_analysis.description }}

Brightness Level

{{ analysisResult.harmony_analysis.brightness_analysis.value }}%

{{ analysisResult.harmony_analysis.brightness_analysis.description }}

Fashion Insights

Trend Analysis

{{ analysisResult.fashion_insights.trend_analysis.style.replace('-', ' ').toUpperCase() }}

{{ analysisResult.fashion_insights.trend_analysis.description }}

Versatility Score

{{ analysisResult.fashion_insights.versatility_score.score }} ({{ analysisResult.fashion_insights.versatility_score.percentage }}%)

{{ analysisResult.fashion_insights.versatility_score.description }}

Seasonal Appropriateness

{{ analysisResult.fashion_insights.seasonal_analysis }}

Key Insights

  • {{ insight }}

Recommendations

  • {{ rec }}

Styling Recommendations

Color Coordination

  • {{ tip }}

Accessory Colors

  • {{ accessory }}

Seasonal Styling

  • {{ style }}

Brand Positioning

  • {{ position }}

First Image

Drop first image here

First image

{{ comparisonImages.image1.name }}

Second Image

Drop second image here

Second image

{{ comparisonImages.image2.name }}

Comparison Results

{{ Math.round(comparisonResult.comparison.similarity_score * 100) }}%
Color Similarity
{{ comparisonResult.comparison.similar_colors.length }}
Similar Colors
{{ comparisonResult.comparison.harmony_compatibility ? 'Compatible' : 'Different' }}
Harmony Style

Similar Colors Found

{{ similar.color1 }} ↔ {{ similar.color2 }}

Distance: {{ similar.distance }}

Recommendation

{{ comparisonResult.comparison.recommendation }}

{{ isAnalyzing ? 'Analyzing Colors with FreeTone...' : 'Comparing Images...' }}

This may take a few moments

Fashion Color Standards

FreeTone Palette
Available Not available Colors: {{ colorStandards.freetone.count }} Method: {{ colorStandards.freetone.matching_method }}

{{ categoryName.replace('_', ' ') }}

{{ colorName }}

Saved Palettes

Loading palettes...
No palettes saved yet.
{{ palette.name }}
Created: {{ formatPaletteDate(palette.created_at) }}
{{ palette.original_image_path }}

Select a FreeTone Color

Showing {{ freetoneStart }}–{{ freetoneEnd }} of {{ freetoneTotalCount }}
Loading FreeTone colors...
No colors found.

Controls how your data is used by AI models