title: How can I change the colors of this radial clock in JavaScript?
body: <p>I found a JavaScript clock online. I want to change the color of the circles, but can't figure out how to do it.</p>
  
  <p>This is the clock: <a href="https://codepen.io/Escu/pen/wMZpQz" rel="nofollow noreferrer">https://codepen.io/Escu/pen/wMZpQz</a></p>
  
  <p>This is the code where the circles are drawn:</p>
  
  <pre><code>Object.keys(circles).forEach((k, i) =&gt; {
      ctx.beginPath();
      circles[k].update(times[k]);
      ctx.strokeStyle = "hsl(" + k.charCodeAt(0) * i + ", 50%, 50%)";
      ctx.stroke();
  });
  </code></pre>
  
  <p>How can I change the colors of the circles? For example, the hours should be red, the minutes green and the seconds blue.</p>