Don't know what hair colour is right for you?

Find your perfect hair colour at Sainsbury’s through Garnier and L'Oréal Paris’ AI and diagnostic services for a smoother hair colour journey.


Find Your Perfect Hair Colour

Don’t know what colour is right for you? Match with your perfect shade through Garnier's Colour Match tool or L'Oreal Paris' Hair Colour Diagnostic.

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/haircolour-js" } 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); } } } });

Vitrual Try-On

Found your desired colour? Why not try it on virtually to see how it'll look on you.



{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.uk/haircolour-js" } 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/haircolour-js", "name": "Haircolour-JS" } } ] }