title: d3.hsl fails on Safari
body: <p>I put together a simple HTML page:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {  
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
  
    canvas.width  = window.innerWidth;
    canvas.height = window.innerHeight;
   
    //ctx.fillStyle = "gray";
    ctx.fillStyle = d3.hsl(120, 0.5, 0.5);
    
    ctx.fillRect(0,0, canvas.width, canvas.height);  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html, body {
    width:  100%;
    height: 100%;
    margin: 0px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"&gt;&lt;/script&gt;
  
  &lt;canvas id="myCanvas"&gt; &lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>On Chrome it correctly gives a green background.
  On Safari (8.0.6 -- current at time of writing) however it gives a black background.</p>
  
  <p>What's going wrong?</p>