';
+ b.querySelector("span").textContent = l.name;
+ b.addEventListener("click", function () { select(id); });
+ free.appendChild(b);
+ });
+ var cols = ["All"].concat(meta.looks.map(function (l) { return l.collection; }).filter(function (c, i, a) { return a.indexOf(c) === i; }));
+ var filters = $("#filters");
+ cols.forEach(function (c, i) {
+ var b = document.createElement("button"); b.className = "chip" + (i ? "" : " on"); b.type = "button"; b.textContent = c;
+ b.addEventListener("click", function () {
+ filters.querySelectorAll(".chip").forEach(function (x) { x.classList.toggle("on", x === b); });
+ document.querySelectorAll("#gallery figure").forEach(function (f) { f.hidden = !(c === "All" || f.getAttribute("data-col") === c); });
+ });
+ filters.appendChild(b);
+ });
+ var g = $("#gallery");
+ meta.looks.forEach(function (l) {
+ var f = document.createElement("figure"); f.className = "g-item"; f.setAttribute("data-col", l.collection);
+ f.innerHTML = '
Free LUT previewer: try colour grades on your own photo
+Open a photo, click a look, drag the slider to compare. Load any .cube LUT you already have, or use the 8 free Tonebox looks. Everything runs in your browser; your photo is never uploaded.
+ +Tip: drop a photo or a .cube file anywhere on this box.
+Free looks
+ + + + + +The free zip has .cube files plus Unity, Godot, Unreal and HaldCLUT versions of all 8 looks.
+The full pack: 60 looks, 5 formats
+Film · Cinematic · Game Moods · Time of Day · Black & White · Essentials. Every look as a 33-point .cube, a Unity 1024×32 strip, a Godot 4 Texture3D strip, an Unreal 256×16 strip and a HaldCLUT. Commercial use included.
+Previews show each look on the sample photo selected above. 🔓 = in the free set; you can try those on your own photo right now.
+How to use the LUTs
+DaVinci Resolve
Project Settings → Color Management → Open LUT Folder, copy the cube folder in, click Update Lists. Right-click a node → LUT → Tonebox.
Premiere Pro · Final Cut
Premiere: Lumetri Color → Creative → Look → Browse. Final Cut: Effects → Color → Custom LUT → Choose Custom LUT.
Photoshop · OBS · CapCut
Photoshop: Color Lookup adjustment layer → Load 3D LUT. OBS: source Filters → Apply LUT. CapCut desktop: Adjustment → LUT → Import.
Unity (URP / HDRP)
Import the unity/ PNG with sRGB off, no compression, no mipmaps, clamp. Add a Volume → Color Lookup and drop it in.
Godot 4
Import the godot/ PNG as Texture3D, 32 horizontal slices × 1 vertical. Environment → Adjustments → Color Correction.
Unreal Engine
Import the unreal/ 256×16 PNG, Texture Group ColorLookupTable, no mipmaps. Post Process Volume → Color Grading LUT.
FAQ
+What is a LUT?
+A LUT (look-up table) maps every input colour to an output colour. A 3D LUT in .cube format stores that mapping on a 33×33×33 grid, and your software blends between the points. One small file recreates a whole grade.
+Is my photo uploaded?
+No. The previewer runs entirely in your browser; photos and .cube files you open never leave your device.
+Which footage do the looks expect?
+Normal display-referred colour (Rec.709 / sRGB), after your basic correction or your engine's tonemapping. For log footage, convert to Rec.709 first, then add a Tonebox look. Most looks work well at 50–80% intensity.
+Can I use them commercially?
+Yes: unlimited personal and client projects, and games may ship the engine strips inside the build. You can't resell or share the LUT files themselves.
+Sample photos: CC0 from StockSnap (market by Pavan Trikutam, lake by Bonnie Moreland, road by Jordan Whitt).
+