Difference between revisions of "OCTOPUS Colori"

Revision as of 14:56, 14 September 2026

The first video tool – for building video tools.

Build grades, optical simulations, film emulation, diagnostic tools, color operations - anything. And then run them instantly on your local machine with real-time tactile control.

Free Download
No credit card required.
For Windows & macOS.

Keep your Adobe workflow. With Colori for Premiere, you can send your Colori tools straight to Premiere.
Learn more about Colori for Premiere ›

Instant tactile feedback. Colori tools run in real-time on your machine’s GPU. Manipulate sliders, pick colors and more with instant feedback.

Use free or with a paid plan

Download Plans

Supported platforms & system requirements ›

@@ Line 25: / Line 25: @@
    background: linear-gradient(90deg,#555 0 34%,transparent 34% 66%,#555 66% 100%); }
 </style>
+<div id="vg" data-base="/products/colori/" data-clips="Hero-1.mp4|Hero-2.mp4|Hero-3.mp4">
-<div id="vg">
+<div class="win">
-  <div class="win">
+<div class="bar"><i></i><i></i><i></i></div>
-    <div class="bar"><i></i><i></i><i></i></div>
+<video id="vgv" muted playsinline preload="auto"></video>
-    <video id="vgv" muted playsinline preload="auto"></video>
+</div>
-  </div>
+<div class="dots" id="vgd"></div>
-  <div class="dots" id="vgd"></div>
 </div>
-<script>
-(function () {
-console.log("vg running", clips.length);
-  var base = "/products/colori/",
-      clips = ["Hero-1.mp4","Hero-1.mp4","Hero-1.mp4"],
-      v = document.getElementById("vgv"),
-      d = document.getElementById("vgd"),
-      i = 0;
-  clips.forEach(function (f, n) {
-    var b = document.createElement("button");
-    b.onclick = function () {
-      if (n !== i) return load(n);
-      v.paused ? v.play() : v.pause();
-    };
-    d.appendChild(b);
-  });
-  function load(n) { i = n; v.src = base + clips[n]; v.play(); sync(); }
-  function sync() {
-    [].forEach.call(d.children, function (b, n) {
-      b.classList.toggle("active", n === i);
-      b.classList.toggle("playing", n === i ? !v.paused : false);
-    });
-  }
-  v.addEventListener("ended", function () { load((i + 1) % clips.length); });
-  ["play","pause"].forEach(function (e) { v.addEventListener(e, sync); });
-  load(0);
-})();
-</script>
 </html>
 <div class="product-callout">