diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 40dfd96f5c..b937863e3d 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -60,8 +60,6 @@
             <dd>double-click, <code>Shift</code>+double-click, mouse wheel, <code>+</code>/<code>-</code> keys; <code>Shift</code>+drag</dd>
             <dt>Rotate</dt>
             <dd><code>Alt+Shift</code>+drag, <code>r</code> to reset</dd>
-            <dt>Brightness/contrast</dt>
-            <dd><code>b</code>/<code>B</code>/<code>c</code>/<code>C</code> keys (WebGL only)</dd>
             <dt>Opacity</dt>
             <dd><code>o</code>/<code>O</code> keys</dd>
             <dt>Visibility</dt>
diff --git a/examples/side-by-side.js b/examples/side-by-side.js
index ffcccd6ed5..01d7971372 100644
--- a/examples/side-by-side.js
+++ b/examples/side-by-side.js
@@ -53,24 +53,9 @@ if (canvasMap !== null) {
 
 var keyboardInteraction = new ol.interaction.Keyboard();
 keyboardInteraction.addCallback('0', function() {
-  layer.setBrightness(0);
-  layer.setContrast(1);
   layer.setOpacity(1);
   layer.setVisible(true);
 });
-keyboardInteraction.addCallback('b', function() {
-  layer.setBrightness(layer.getBrightness() - 0.1);
-});
-keyboardInteraction.addCallback('B', function() {
-  layer.setBrightness(layer.getBrightness() + 0.1);
-});
-keyboardInteraction.addCallback('c', function() {
-  layer.setContrast(layer.getContrast() - 0.1);
-});
-keyboardInteraction.addCallback('C', function() {
-  // contrast is unbounded, but for this example we clamp to 3
-  layer.setContrast(Math.min(3, layer.getContrast() + 0.1));
-});
 keyboardInteraction.addCallback('j', function() {
   var bounce = ol.animation.bounce({
     resolution: 2 * view.getResolution()