Skin Tone Matcher
Find a skin tone from a photo or hex code: undertone, Fitzpatrick type, Monk scale and colours that suit it.
Drag & drop a photo here, or click to browse
No uploads. Your files stay on your device.
- Hex
- RGB
- HSL
- Lightness (L*)
- Undertone
- Fitzpatrick
- Monk Skin Tone Scale
- Foundation depth
Colours that suit this undertone
That colour is a long way from any human skin tone, so no colour suggestions are shown. Try a photo or a hex code closer to a real skin tone.
Skin tone, undertone and Fitzpatrick type here are colour estimates for styling and design work only — they are not medical or dermatological advice. Lighting, camera white balance and make-up all shift the result.
How it works
Drop in a selfie or portrait and the page reads its pixels with the Canvas API right on your device. Pixels that look like skin (a classic red-dominant RGB rule) are averaged into one representative colour; if the photo has no skin-like pixels at all, the whole image is averaged instead and the tool says so. You can also skip the photo completely and type a hex code or use the colour picker.
From that single colour the tool derives the sRGB, HSL and CIELAB lightness values, an undertone (warm, cool or neutral) from the hue angle, an estimated Fitzpatrick skin type from the L* lightness, the nearest of the ten Monk Skin Tone Scale swatches, and a foundation depth family. It finishes with six clothing and make-up colours that flatter that undertone. Nothing is uploaded — no photo, no colour, no analytics of your image ever leaves the browser.
Frequently asked questions
How does the tool work out my skin tone from a photo?
The photo is drawn onto a canvas in your own browser and every pixel is checked against a classic red-dominant RGB rule for skin. All the skin-like pixels are averaged into one representative colour, and that colour is converted to hex, RGB, HSL and CIELAB lightness. If a picture contains no skin-like pixels at all, the whole image is averaged instead and the page tells you so. Nothing is uploaded — the photo never leaves your device.
How do I find my undertone — warm, cool or neutral?
Upload a photo taken in soft, natural light with no filter and no make-up, or type your skin's hex code. The tool reads the hue angle of the matched colour: golden and yellow hues are warm, pink and red hues are cool, and hues in between (or very desaturated colours) are neutral. It then shows six clothing and make-up colours that flatter that undertone.
What is the Monk Skin Tone Scale and why show it instead of Fitzpatrick?
The Monk Skin Tone Scale is a ten-swatch scale designed to represent a broader range of skin tones than the six Fitzpatrick types, which were originally created to describe how skin reacts to UV light rather than how it looks. This page shows both: the nearest of the ten Monk swatches and an estimated Fitzpatrick type from the CIELAB lightness. Both are colour estimates for design and styling work, not medical or dermatological advice.