Sample
Choose a point on a garment image. The extension reads the displayed pixel colour as a hexadecimal RGB value.
A transparent approach to colour
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.
A spectrum of seasonal colour
The process
The extension uses a rule-based classifier. It does not use machine learning and does not determine your personal season from your appearance.
Choose a point on a garment image. The extension reads the displayed pixel colour as a hexadecimal RGB value.
The RGB value is converted to HSL: hue, saturation and lightness. These describe colour family, intensity and relative lightness.
Ordered rules check neutral colours first, estimate warm or cool, then apply lightness and saturation thresholds to return a seasonal label.
The colour model
Measured in degrees from 0° to 360°. It represents the broad colour family, such as red, yellow, green or blue.
Measured from 0% to 100%. Lower values are more greyed or muted; higher values are more vivid.
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.
The classifier
The first matching rule wins. Earlier rules take precedence when a colour could meet more than one condition.
| Order | Condition | Result |
|---|---|---|
| 1 | L ≤ 8 or L ≥ 97 | True Neutral. Extremely dark or light colours are treated as unreliable seasonal signals. |
| 2 | Estimate temperature using hue, then S ≤ 7 | True Neutral. |
| 3 | S ≤ 22 and 18 ≤ L ≤ 84 | Warm: Light Spring if L ≥ 62, otherwise Soft Autumn. Cool: Light Summer if L ≥ 62, otherwise Soft Summer. |
| 4 | L ≥ 72 | Warm: Light Spring. Cool: Light Summer. |
| 5 | L ≤ 28 | Warm: Deep Autumn. Cool: Deep Winter. |
| 6 | S ≥ 66 and 24 ≤ L ≤ 76 | Warm: Bright Spring. Cool: Bright Winter. |
| 7 | S ≤ 28 | Warm: Soft Autumn. Cool: Soft Summer. |
| 8 | All remaining colours | Warm: True Spring if L ≥ 50, otherwise True Autumn. Cool: True Summer if L ≥ 50, otherwise True Winter. |
The code estimates a colour as warm when its hue is below 65° or at least 345°. It also treats hues from 65° up to (but not including) 95° as warm when saturation is at least 35%. Other colours are treated as cool.
These are pragmatic thresholds, not universal scientific boundaries. Hue is less informative for very low-saturation colours, which is why neutral rules take precedence.
The seasonal labels
These labels describe the rule's output for a sampled colour—not the season of the person shopping.
Warm colours can be labelled Light or Bright Spring when they meet those thresholds; other qualifying lighter warm colours can be True Spring.
Cool colours may be Light Summer when light, Soft Summer when muted, or True Summer in the remaining lighter-value range.
Muted warm colours can be Soft Autumn; darker warm colours can be Deep Autumn; other qualifying lower-lightness warm colours can be True Autumn.
Vivid cool colours can be Bright Winter; darker cool colours can be Deep Winter; other qualifying lower-lightness cool colours can be True Winter.
Confidence score
The extension calculates a separate score using 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
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 →