diff --git a/plugins/debug/debugPanel.js b/plugins/debug/debugPanel.js
index <HASH>..<HASH> 100644
--- a/plugins/debug/debugPanel.js
+++ b/plugins/debug/debugPanel.js
@@ -590,13 +590,14 @@
             }
 
             // draw the panel
-            renderer.setColor("#00000080");
+            renderer.setGlobalAlpha(0.5);
+            renderer.setColor("black");
             renderer.fillRect(
                 this.left,  this.top,
                 this.width, this.height
             );
-
-            renderer.setColor("#FFFFFFFF");
+            renderer.setGlobalAlpha(1.0);
+            renderer.setColor("white");
 
             this.font.textAlign = "left";
 
diff --git a/src/video/webgl/webgl_renderer.js b/src/video/webgl/webgl_renderer.js
index <HASH>..<HASH> 100644
--- a/src/video/webgl/webgl_renderer.js
+++ b/src/video/webgl/webgl_renderer.js
@@ -514,7 +514,9 @@
          * @param {me.Color|String} color css color string.
          */
         setColor : function (color) {
+            var alpha = this.currentColor.glArray[3];
             this.currentColor.copy(color);
+            this.currentColor.glArray[3] *= alpha;
         },
 
         /**
[#<I>][WebGL] multiply the new currentColor alpha with the previous globalAlpha value

also restored the previous debugPanel setColor usage, as a testcase, and
to align both the canvas and wegbl rendering.