---
template: "example.html"
title: "Hue/saturation example"
shortdesc: "Example of hue/saturation control on the client (WebGL only)."
docs: >
  Example of hue/saturation control on the client (WebGL only).
tags: "custom, control"
---
<div class="row-fluid">
  <div class="span12">
    <div id="map" class="map"></div>
    <div id="no-webgl" class="alert alert-error" style="display: none">
      This example requires a browser that supports <a href="http://get.webgl.org/">WebGL</a>.
    </div>
    <div class="btn-group">
      <button id="increase-hue"><i class="icon-plus"></i></button>
      <button id="reset-hue">Hue</button>
      <button id="decrease-hue"><i class="icon-minus"></i></button>
    </div>
    <div class="btn-group">
      <button id="increase-saturation"><i class="icon-plus"></i></button>
      <button id="reset-saturation">Saturation</button>
      <button id="decrease-saturation"><i class="icon-minus"></i></button>
    </div>
  </div>
</div>