Error: Cannot read property of undefiended
<p>I'm trying to make a simple conversion with <a href="https://github.com/PitPik/colorPicker/blob/master/colors.js" rel="nofollow">color.js</a> from <a href="https://github.com/PitPik/colorPicker" rel="nofollow">this library</a>, and I can't seem to do it. I tried dong the following:</p>

<pre><code>var myColor = new Colors();

var hslColor = myColor.colorConverter.hsv2hsl({
  h: 100,
  s: 100,
  v: 100
});
</code></pre>

<p>But I get an error:</p>

<blockquote>
  <p>Uncaught TypeError: Cannot read property 'hsv2hsl' of undefined</p>
</blockquote>

<p>Why am I getting the error, and how can I fix it?</p>

<p><a href="https://jsfiddle.net/3eavjrgL/" rel="nofollow"><h3>JSFiddle</h3></a></p>

<p><strong>Code Snippet</strong></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>var myColor = new Colors();

var hslColor = myColor.colorConverter.hsv2hsl({
  h: 100,
  s: 100,
  v: 100
});
console.log(hslColor);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://rawgit.com/PitPik/colorPicker/master/colors.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>