Shade Finder

Upload a photo of your face and find your closest foundation match.

Computes the average color of a person’s skin from their photo then uses a distance calculation (3D Pythagoras) with the RGB values to find the customer’s closest matching foundation. A React application that uses TypeScript and Styled Components. User can resize and place a circle around face to get a more accurate skin tone when the background of photo may include skin tone shades.