Basket0

A transparent approach to colour

How it works.

Mindfully Fashionable samples a colour from an image on your screen, converts it into a colour model, and applies understandable rules to give it a seasonal colour label.

The aim is to make colour easier to explore while you shop—not to make the decision for you.

Soft-edged seasonal colour wheel with concentric rings of warm, cool, muted and neutral colour swatches

The process

From pixel to palette.

The extension uses a rule-based classifier. It does not use machine learning and does not determine your personal season from your appearance.

01

Sample

Choose a point on a garment image. The extension reads the displayed pixel colour as a hexadecimal RGB value.

02

Measure

The RGB value is converted to HSL: hue, saturation and lightness. These describe colour family, intensity and relative lightness.

03

Classify

The classifier follows a fixed order: (1) check the Neutral gate, (2) if the colour is not Neutral, estimate warm/cool and choose Spring, Summer, Autumn or Winter, then (3) apply only that family’s sub-palette rules.

Important: this describes the colour sampled from the screen, not whether that colour will flatter a particular person. Treat the result as a starting point for your own judgement.

The colour model

Three measurements, one estimate.

Hue (H)

Measured in degrees from 0° to 360°. It represents the broad colour family, such as red, yellow, green or blue.

Saturation (S)

Measured from 0% to 100%. Lower values are more greyed or muted; higher values are more vivid.

Lightness (L)

Measured from 0% to 100%. Lower values are darker; higher values are lighter.

The extension rounds H, S and L to whole numbers before applying thresholds. HSL is convenient, but it does not perfectly model human colour perception.

Visual guide

Four spectrums, four colour cues.

Read these as four different views of the decision process: Neutral is checked first, then hue estimates temperature, while lightness and saturation help distinguish the remaining colours. The wheels are explanatory diagrams—not fixed seasonal boundaries.

1 · Neutral gate

Before estimating warm/cool or choosing a season, the classifier checks whether any of these conditions match.

Neutral is a separate main palette, not a seasonal sub-palette. The gate runs first because hue is less informative for near-neutral colours.

2 · Hue · 0°–360°

Hue does not assign a seasonal palette by itself. After the Neutral gate, it estimates temperature; saturation affects the yellow-to-green section.

0°60°120°180°240°300°360°
RedYellowGreenCyanBlueMagentaRed

Temperature estimate used by the classifier (not palette assignments):

Warm · 0°–50°51°–90°*Cool estimate · 91°–319°Warm · 320°+

* Hues from 51° to 90° are warm only when saturation is above 30%; otherwise they are cool. These are temperature rules, not seasonal boundaries.

3 · Lightness · 0%–100%

Lightness runs from black to white. It helps distinguish deep, mid-value and light colours after the Neutral gate.

0%100%
12%30%62%72%93%
  • L ≤ 12% → Neutral gate
  • L ≤ 30% → can indicate Deep
  • L ≥ 62% → can favour a lighter seasonal family
  • L ≥ 72% → can indicate a Light sub-palette
  • L ≥ 93% → Neutral gate

These thresholds are considered alongside saturation and the selected family; they do not independently determine the final label.

4 · Saturation · 0%–100%

Saturation runs from neutral grey towards vivid colour. Low saturation can route a colour to Neutral before seasonal rules are considered.

0%100%
8%24%35%66%
  • S ≤ 8% → Neutral gate
  • S ≤ 24% with 60% < L < 93% → Neutral gate
  • S ≤ 35% → can indicate a Soft sub-palette
  • S ≥ 66% → can indicate a Bright sub-palette

The saturation gradient is illustrative; in HSL, changing saturation while holding hue and lightness constant changes the strength of that hue.

How the bars work together: first the Neutral gate is checked. If the colour passes through, hue helps estimate warm or cool; lightness and saturation then contribute to choosing a main seasonal family and its sub-palette. No single measurement predicts the final label.

The classifier

Two stages: family, then sub-palette.

The algorithm first assigns one of five main palettes. Only then does it choose a sub-palette within that family. Thresholds are pragmatic rules, not universal scientific boundaries.

01

Choose a main palette

First, the classifier checks whether L ≤ 12, L ≥ 93, S ≤ 8, or S ≤ 24 with 60% < L < 93%. If any condition matches, the main palette is Neutral. Otherwise, it estimates warm/cool from hue (with saturation influencing some yellow-green hues), then uses lightness and saturation to choose Spring, Summer, Autumn or Winter.

02

Choose the sub-palette

Only the selected family’s rules are applied: Spring checks Bright, then Light, otherwise True; Summer checks Light, then Soft, otherwise True; Autumn checks Deep, then Soft, otherwise True; Winter checks Bright, then Deep, otherwise True. Neutral selects True, Warm or Cool Neutral.

03

Return one label

Every sampled colour receives one of the 15 advertised labels: 12 seasonal sub-palettes or True Neutral, Warm Neutral or Cool Neutral.

Five main palettes and their sub-palettes

Spring

Bright
(Clear)
True
(Warm)
Light
(Muted)

Summer

Soft
(Muted)
True
(Cool)
Light
(Muted)

Autumn

Deep
(Dark)
True
(Warm)
Soft
(Muted)

Winter

Bright
(Clear)
True
(Cool)
Deep
(Dark)

Neutral

Warm
True
Cool

Illustrative swatches only; these are visual examples, not definitive or exhaustive palette definitions.

Neutral colours are handled before seasonal colours because hue is less reliable when saturation is very low. The main-palette thresholds are mutually exclusive in their decision order, and the sub-palette rules are evaluated only after the family is selected.

Confidence score

What the percentage does—and doesn't—mean.

The web app and Chrome extension use the same separate score, calculated with hand-written rules. Very dark colours receive 93%; very light colours receive 95%; very light, low-saturation colours receive 90%; and colours with saturation below 5% receive 92%. Other colours start at 55 points, then gain or lose points according to saturation and distance from 50% lightness. The final score is limited to 50%–95%.

This is not a statistically calibrated probability. The score has not been validated against a labelled reference dataset, so a result such as “80%” does not mean there is an 80% chance that the label is correct.

Limitations

A useful guide, not an absolute verdict.

  • Screen brightness, display settings, lighting in the original photograph, editing and compression can change the sampled colour.
  • One pixel may not represent a whole garment, especially where there are shadows, highlights, texture or patterns.
  • Colours near a threshold may receive different labels from very similar colours.
  • Seasonal colour-analysis systems vary, and this classifier has not been scientifically validated.
  • The extension classifies a garment colour. It does not analyse your skin, eyes or hair, or determine your personal seasonal palette.

We aim to keep the method understandable: the rules are visible, testable and can be improved using carefully selected colour examples.

Back to Mindfully Fashionable →