Changing your hair color is a click away

Blonde? Brunette? Redhead? Get colorful with your hair with our hair color virtual try-on tool. Use your phone or computer camera to preview over 200 hair colors so you can shop with confidence or indulge your whimsical side. What are you waiting for? Start playing with your hair color now.
{ "@context": "http://schema.org", "@type": "VideoObject", "name": "Try-On Haircolor", "description": "Try-on hundreds of products", "thumbnailUrl": "https://www.loreal-paris.co.id/-/media/project/loreal/brand-sites/oap/apac/id/articles/hair-color-vto/revised-min/2-videothumbnail-min.jpg?rev=0751b759280142b799809f58f44120db", "uploadDate": "2019-11-19T11.31.02+00:00", "embedURL": "https://www.youtube.com/embed/vtCoJ_aPANk" }

The brains behind the beauty

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.id/hair-color-virtual-try-on" } 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); } } } });

We partnered with Modiface—a pioneer in the augmented reality—to create this tool. All the shades are calibrated around 6 areas: the hue, the saturation, the darkness, the brightness, the contrast and the intensity.

With more than 200 hair colors for you to try, what are you waiting for?

{ "@context": "https://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": ["speakable-content"] }, "url": "https://www.loreal-paris.co.id/hair-color-virtual-try-on" } 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.id/hair-color-virtual-try-on", "name": "Hair Color Virtual Try On" } } ] }