diff --git a/src/js/tools/drawing/BaseTool.js b/src/js/tools/drawing/BaseTool.js
index 9d1f1dfc..290685cd 100644
--- a/src/js/tools/drawing/BaseTool.js
+++ b/src/js/tools/drawing/BaseTool.js
@@ -48,7 +48,7 @@
       overlay.clear();
     }
 
-    var frameColor = frame.getPixel(col, row);
+    var frameColor = pskl.utils.intToColor(frame.getPixel(col, row));
     var highlightColor = this.getHighlightColor_(frameColor);
     var size = this.supportsDynamicPenSize() ? pskl.app.penSizeService.getPenSize() : 1;
     pskl.PixelUtils.resizePixel(col, row, size).forEach(function (point) {
diff --git a/src/js/tools/drawing/ColorPicker.js b/src/js/tools/drawing/ColorPicker.js
index 9a2b7213..8cf71336 100644
--- a/src/js/tools/drawing/ColorPicker.js
+++ b/src/js/tools/drawing/ColorPicker.js
@@ -19,7 +19,7 @@
    */
   ns.ColorPicker.prototype.applyToolAt = function(col, row, frame, overlay, event) {
     if (frame.containsPixel(col, row)) {
-      var sampledColor = frame.getPixel(col, row);
+      var sampledColor = pskl.utils.intToColor(frame.getPixel(col, row));
       if (pskl.app.mouseStateService.isLeftButtonPressed()) {
         $.publish(Events.SELECT_PRIMARY_COLOR, [sampledColor]);
       } else if (pskl.app.mouseStateService.isRightButtonPressed()) {