diff --git a/examples/commithash.svg b/examples/commithash.svg
index 0fe8dc8..b885610 100644
--- a/examples/commithash.svg
+++ b/examples/commithash.svg
@@ -1,42 +1,42 @@
 <svg width="256" height="160" xmlns="http://www.w3.org/2000/svg">
-  <rect x="0" y="0" width="32" height="32" fill="hsl(120.00,100.00%,40.00%)" />
-  <rect x="32" y="0" width="32" height="32" fill="hsl(120.00,100.00%,3.33%)" />
-  <rect x="64" y="0" width="32" height="32" fill="hsl(120.00,100.00%,23.33%)" />
-  <rect x="96" y="0" width="32" height="32" fill="hsl(120.00,100.00%,10.00%)" />
-  <rect x="128" y="0" width="32" height="32" fill="hsl(120.00,100.00%,6.67%)" />
-  <rect x="160" y="0" width="32" height="32" fill="hsl(120.00,100.00%,20.00%)" />
-  <rect x="192" y="0" width="32" height="32" fill="hsl(120.00,100.00%,50.00%)" />
-  <rect x="224" y="0" width="32" height="32" fill="hsl(120.00,100.00%,13.33%)" />
-  <rect x="0" y="32" width="32" height="32" fill="hsl(120.00,100.00%,46.67%)" />
-  <rect x="32" y="32" width="32" height="32" fill="hsl(120.00,100.00%,23.33%)" />
-  <rect x="64" y="32" width="32" height="32" fill="hsl(120.00,100.00%,43.33%)" />
-  <rect x="96" y="32" width="32" height="32" fill="hsl(120.00,100.00%,20.00%)" />
-  <rect x="128" y="32" width="32" height="32" fill="hsl(120.00,100.00%,30.00%)" />
-  <rect x="160" y="32" width="32" height="32" fill="hsl(120.00,100.00%,20.00%)" />
-  <rect x="192" y="32" width="32" height="32" fill="hsl(120.00,100.00%,46.67%)" />
-  <rect x="224" y="32" width="32" height="32" fill="hsl(120.00,100.00%,16.67%)" />
-  <rect x="0" y="64" width="32" height="32" fill="hsl(120.00,100.00%,13.33%)" />
-  <rect x="32" y="64" width="32" height="32" fill="hsl(120.00,100.00%,20.00%)" />
-  <rect x="64" y="64" width="32" height="32" fill="hsl(120.00,100.00%,16.67%)" />
-  <rect x="96" y="64" width="32" height="32" fill="hsl(120.00,100.00%,46.67%)" />
-  <rect x="128" y="64" width="32" height="32" fill="hsl(120.00,100.00%,43.33%)" />
-  <rect x="160" y="64" width="32" height="32" fill="hsl(120.00,100.00%,36.67%)" />
-  <rect x="192" y="64" width="32" height="32" fill="hsl(120.00,100.00%,40.00%)" />
-  <rect x="224" y="64" width="32" height="32" fill="hsl(120.00,100.00%,40.00%)" />
-  <rect x="0" y="96" width="32" height="32" fill="hsl(120.00,100.00%,33.33%)" />
-  <rect x="32" y="96" width="32" height="32" fill="hsl(120.00,100.00%,16.67%)" />
-  <rect x="64" y="96" width="32" height="32" fill="hsl(120.00,100.00%,0.00%)" />
-  <rect x="96" y="96" width="32" height="32" fill="hsl(120.00,100.00%,23.33%)" />
-  <rect x="128" y="96" width="32" height="32" fill="hsl(120.00,100.00%,26.67%)" />
-  <rect x="160" y="96" width="32" height="32" fill="hsl(120.00,100.00%,16.67%)" />
-  <rect x="192" y="96" width="32" height="32" fill="hsl(120.00,100.00%,30.00%)" />
-  <rect x="224" y="96" width="32" height="32" fill="hsl(120.00,100.00%,40.00%)" />
-  <rect x="0" y="128" width="32" height="32" fill="hsl(120.00,100.00%,33.33%)" />
-  <rect x="32" y="128" width="32" height="32" fill="hsl(120.00,100.00%,40.00%)" />
-  <rect x="64" y="128" width="32" height="32" fill="hsl(120.00,100.00%,16.67%)" />
-  <rect x="96" y="128" width="32" height="32" fill="hsl(120.00,100.00%,30.00%)" />
-  <rect x="128" y="128" width="32" height="32" fill="hsl(120.00,100.00%,50.00%)" />
-  <rect x="160" y="128" width="32" height="32" fill="hsl(120.00,100.00%,6.67%)" />
-  <rect x="192" y="128" width="32" height="32" fill="hsl(120.00,100.00%,23.33%)" />
-  <rect x="224" y="128" width="32" height="32" fill="hsl(120.00,100.00%,23.33%)" />
+  <rect x="0" y="0" width="32" height="32" fill="hsl(120.00,100.00%,93.33%)" />
+  <rect x="32" y="0" width="32" height="32" fill="hsl(120.00,100.00%,70.00%)" />
+  <rect x="64" y="0" width="32" height="32" fill="hsl(120.00,100.00%,53.33%)" />
+  <rect x="96" y="0" width="32" height="32" fill="hsl(120.00,100.00%,93.33%)" />
+  <rect x="128" y="0" width="32" height="32" fill="hsl(120.00,100.00%,83.33%)" />
+  <rect x="160" y="0" width="32" height="32" fill="hsl(120.00,100.00%,50.00%)" />
+  <rect x="192" y="0" width="32" height="32" fill="hsl(120.00,100.00%,56.67%)" />
+  <rect x="224" y="0" width="32" height="32" fill="hsl(120.00,100.00%,63.33%)" />
+  <rect x="0" y="32" width="32" height="32" fill="hsl(120.00,100.00%,90.00%)" />
+  <rect x="32" y="32" width="32" height="32" fill="hsl(120.00,100.00%,80.00%)" />
+  <rect x="64" y="32" width="32" height="32" fill="hsl(120.00,100.00%,63.33%)" />
+  <rect x="96" y="32" width="32" height="32" fill="hsl(120.00,100.00%,93.33%)" />
+  <rect x="128" y="32" width="32" height="32" fill="hsl(120.00,100.00%,86.67%)" />
+  <rect x="160" y="32" width="32" height="32" fill="hsl(120.00,100.00%,60.00%)" />
+  <rect x="192" y="32" width="32" height="32" fill="hsl(120.00,100.00%,96.67%)" />
+  <rect x="224" y="32" width="32" height="32" fill="hsl(120.00,100.00%,93.33%)" />
+  <rect x="0" y="64" width="32" height="32" fill="hsl(120.00,100.00%,56.67%)" />
+  <rect x="32" y="64" width="32" height="32" fill="hsl(120.00,100.00%,63.33%)" />
+  <rect x="64" y="64" width="32" height="32" fill="hsl(120.00,100.00%,80.00%)" />
+  <rect x="96" y="64" width="32" height="32" fill="hsl(120.00,100.00%,80.00%)" />
+  <rect x="128" y="64" width="32" height="32" fill="hsl(120.00,100.00%,56.67%)" />
+  <rect x="160" y="64" width="32" height="32" fill="hsl(120.00,100.00%,96.67%)" />
+  <rect x="192" y="64" width="32" height="32" fill="hsl(120.00,100.00%,73.33%)" />
+  <rect x="224" y="64" width="32" height="32" fill="hsl(120.00,100.00%,53.33%)" />
+  <rect x="0" y="96" width="32" height="32" fill="hsl(120.00,100.00%,86.67%)" />
+  <rect x="32" y="96" width="32" height="32" fill="hsl(120.00,100.00%,76.67%)" />
+  <rect x="64" y="96" width="32" height="32" fill="hsl(120.00,100.00%,90.00%)" />
+  <rect x="96" y="96" width="32" height="32" fill="hsl(120.00,100.00%,60.00%)" />
+  <rect x="128" y="96" width="32" height="32" fill="hsl(120.00,100.00%,93.33%)" />
+  <rect x="160" y="96" width="32" height="32" fill="hsl(120.00,100.00%,80.00%)" />
+  <rect x="192" y="96" width="32" height="32" fill="hsl(120.00,100.00%,80.00%)" />
+  <rect x="224" y="96" width="32" height="32" fill="hsl(120.00,100.00%,80.00%)" />
+  <rect x="0" y="128" width="32" height="32" fill="hsl(120.00,100.00%,100.00%)" />
+  <rect x="32" y="128" width="32" height="32" fill="hsl(120.00,100.00%,66.67%)" />
+  <rect x="64" y="128" width="32" height="32" fill="hsl(120.00,100.00%,70.00%)" />
+  <rect x="96" y="128" width="32" height="32" fill="hsl(120.00,100.00%,70.00%)" />
+  <rect x="128" y="128" width="32" height="32" fill="hsl(120.00,100.00%,66.67%)" />
+  <rect x="160" y="128" width="32" height="32" fill="hsl(120.00,100.00%,70.00%)" />
+  <rect x="192" y="128" width="32" height="32" fill="hsl(120.00,100.00%,83.33%)" />
+  <rect x="224" y="128" width="32" height="32" fill="hsl(120.00,100.00%,93.33%)" />
 </svg>
\ No newline at end of file
diff --git a/js/index.html b/js/index.html
index 92458ea..a448c8e 100644
--- a/js/index.html
+++ b/js/index.html
@@ -11,7 +11,18 @@
     <body>
         <div>
             <p>
-            Create a colorhash image by typing in a hash here
+            Create a colorhash image by typing in a hash here.
+            </p>
+            <p>
+            Supported hash algorithms:
+            <ul>
+                <li>md5</li>
+                <li>sha1</li>
+                <li>sha224</li>
+                <li>sha256</li>
+                <li>sha384</li>
+                <li>sha512</li>
+            </ul>
             </p>
         </div>
         <div>