FIND MY SHADE

Find The Right Foundation Shade for Your Skin

Try our virtual shade finder now or scroll down to learn more.

Match Your Shade Now!

A PERSONALISED SOLUTION TO FIND THE PERFECT SHADE FOR YOU

The first virtual shade finder by L'Oréal Paris powered by artificial intelligence to find your perfect shade in 10 seconds.

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/match-my-shade" } document.addEventListener("DOMContentLoaded", function (event) { const element = document.getElementsByClassName('oap_hairdiagStart_divbtn'); if (element.length > 0) { let urlParams = new URLSearchParams(window.location.search); if (urlParams != "" || urlParams != null) { var keyValuepairs = urlParams.toString().split('&'); var qrUtmfound = 0; keyValuepairs.forEach(function (item, index) { if (item === "utm_source=pos" || item === "utm_medium=qrcode") { qrUtmfound++; } }); if (qrUtmfound == 2) { let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href"); let relocUpdatedurl = relocHref + window.location.search; document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl); } } } });
HOW TO PROCEED ?
{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/match-my-shade" }
Step
1

TAKE A 360° SELFIE VIDEO.

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/match-my-shade" } document.addEventListener("DOMContentLoaded", function (event) { const element = document.getElementsByClassName('oap_hairdiagStart_divbtn'); if (element.length > 0) { let urlParams = new URLSearchParams(window.location.search); if (urlParams != "" || urlParams != null) { var keyValuepairs = urlParams.toString().split('&'); var qrUtmfound = 0; keyValuepairs.forEach(function (item, index) { if (item === "utm_source=pos" || item === "utm_medium=qrcode") { qrUtmfound++; } }); if (qrUtmfound == 2) { let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href"); let relocUpdatedurl = relocHref + window.location.search; document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl); } } } });
Match My Shade Step 2
Step
2

ANALYSE YOUR SKINTONE & UNDERTONE BASED ON A LIBRARY OF 45,000 SKIN TONES.

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/match-my-shade" } document.addEventListener("DOMContentLoaded", function (event) { const element = document.getElementsByClassName('oap_hairdiagStart_divbtn'); if (element.length > 0) { let urlParams = new URLSearchParams(window.location.search); if (urlParams != "" || urlParams != null) { var keyValuepairs = urlParams.toString().split('&'); var qrUtmfound = 0; keyValuepairs.forEach(function (item, index) { if (item === "utm_source=pos" || item === "utm_medium=qrcode") { qrUtmfound++; } }); if (qrUtmfound == 2) { let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href"); let relocUpdatedurl = relocHref + window.location.search; document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl); } } } });
Match My Shade Image 2
Step
3

MEET YOUR BEST MATCH PLUS 2 ADDITIONAL OPTIONS.

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/match-my-shade" } document.addEventListener("DOMContentLoaded", function (event) { const element = document.getElementsByClassName('oap_hairdiagStart_divbtn'); if (element.length > 0) { let urlParams = new URLSearchParams(window.location.search); if (urlParams != "" || urlParams != null) { var keyValuepairs = urlParams.toString().split('&'); var qrUtmfound = 0; keyValuepairs.forEach(function (item, index) { if (item === "utm_source=pos" || item === "utm_medium=qrcode") { qrUtmfound++; } }); if (qrUtmfound == 2) { let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href"); let relocUpdatedurl = relocHref + window.location.search; document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl); } } } });
210604 VISUEL MATCH MY SHADE2 Landing Page
{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/match-my-shade" } document.addEventListener("DOMContentLoaded", function (event) { const element = document.getElementsByClassName('oap_hairdiagStart_divbtn'); if (element.length > 0) { let urlParams = new URLSearchParams(window.location.search); if (urlParams != "" || urlParams != null) { var keyValuepairs = urlParams.toString().split('&'); var qrUtmfound = 0; keyValuepairs.forEach(function (item, index) { if (item === "utm_source=pos" || item === "utm_medium=qrcode") { qrUtmfound++; } }); if (qrUtmfound == 2) { let relocHref = document.getElementById("hair_color_start_btn").getAttribute("href"); let relocUpdatedurl = relocHref + window.location.search; document.getElementById("hair_color_start_btn").setAttribute("href", relocUpdatedurl); } } } });
{ "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type":"ListItem", "position": 1, "item": { "@id": "/", "name": "Home" } } , { "@type":"ListItem", "position": 2, "item": { "@id": "https://www.loreal-paris.co.uk/virtual-beauty-tools", "name": "Virtual Beauty Tools" } } , { "@type":"ListItem", "position": 3, "item": { "@id": "https://www.loreal-paris.co.uk/match-my-shade", "name": "MATCH MY SHADE" } } ] }