diff --git a/index.html b/index.html
index 00152bc..ed90286 100644
--- a/index.html
+++ b/index.html
@@ -23,6 +23,7 @@
     <script type="text/javascript" src="scripts/modules/filter.js"></script>
     <script type="text/javascript" src="scripts/modules/filter.saturation.js"></script>
     <script type="text/javascript" src="scripts/modules/filter.chromatic.js"></script>
+    <script type="text/javascript" src="scripts/modules/filter.invert.js"></script>
     <script type="text/javascript" src="scripts/modules/filter.eval.js"></script>
     <script type="text/javascript" src="scripts/modules/filter.balance.js"></script>
     
@@ -45,4 +46,4 @@
     </div>
     <script type="text/javascript" src="scripts/init.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/scripts/modules/filter.invert.js b/scripts/modules/filter.invert.js
new file mode 100644
index 0000000..c9c6936
--- /dev/null
+++ b/scripts/modules/filter.invert.js
@@ -0,0 +1,11 @@
+Filter.prototype.filter_invert = function(pixels = this.pixels(),p = null)
+{
+  var d = pixels.data;
+  for (var i=0; i<d.length; i+=4) {
+      for (var j=0; j<3; j++) {
+          d[i+j] = 255 - d[i+j];
+      }
+  }
+	ronin.canvas.clear();
+	ronin.canvas.context().putImageData(pixels, 0, 0, 0, 0, pixels.width, pixels.height);
+}
diff --git a/scripts/modules/filter.js b/scripts/modules/filter.js
index e71aed3..e899493 100644
--- a/scripts/modules/filter.js
+++ b/scripts/modules/filter.js
@@ -19,6 +19,8 @@ function Filter(element)
       case "chromatic":
         this.filter_chromatic(this.pixels(),p);
         break;
+      case "invert":
+        this.filter_invert(this.pixels(),p);
       case "eval":
         this.filter_eval(this.pixels(),p);
         break;