Alek Ratzloff
c416c24a9c
Add a simple JS port of colorhash for easier demonstration purposes. You don't need to open a command line to create a colorhash, you can just use the webpage. Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
42 lines
3.3 KiB
XML
42 lines
3.3 KiB
XML
<svg width="256" height="160" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="0" y="0" width="32" height="32" fill="hsl(180.00,100.00%,20.00%)" />
|
|
<rect x="32" y="0" width="32" height="32" fill="hsl(180.00,100.00%,0.00%)" />
|
|
<rect x="64" y="0" width="32" height="32" fill="hsl(180.00,100.00%,30.00%)" />
|
|
<rect x="96" y="0" width="32" height="32" fill="hsl(180.00,100.00%,3.33%)" />
|
|
<rect x="128" y="0" width="32" height="32" fill="hsl(180.00,100.00%,3.33%)" />
|
|
<rect x="160" y="0" width="32" height="32" fill="hsl(180.00,100.00%,23.33%)" />
|
|
<rect x="192" y="0" width="32" height="32" fill="hsl(180.00,100.00%,0.00%)" />
|
|
<rect x="224" y="0" width="32" height="32" fill="hsl(180.00,100.00%,46.67%)" />
|
|
<rect x="0" y="32" width="32" height="32" fill="hsl(180.00,100.00%,43.33%)" />
|
|
<rect x="32" y="32" width="32" height="32" fill="hsl(180.00,100.00%,13.33%)" />
|
|
<rect x="64" y="32" width="32" height="32" fill="hsl(180.00,100.00%,46.67%)" />
|
|
<rect x="96" y="32" width="32" height="32" fill="hsl(180.00,100.00%,10.00%)" />
|
|
<rect x="128" y="32" width="32" height="32" fill="hsl(180.00,100.00%,40.00%)" />
|
|
<rect x="160" y="32" width="32" height="32" fill="hsl(180.00,100.00%,43.33%)" />
|
|
<rect x="192" y="32" width="32" height="32" fill="hsl(180.00,100.00%,46.67%)" />
|
|
<rect x="224" y="32" width="32" height="32" fill="hsl(180.00,100.00%,10.00%)" />
|
|
<rect x="0" y="64" width="32" height="32" fill="hsl(180.00,100.00%,36.67%)" />
|
|
<rect x="32" y="64" width="32" height="32" fill="hsl(180.00,100.00%,6.67%)" />
|
|
<rect x="64" y="64" width="32" height="32" fill="hsl(180.00,100.00%,40.00%)" />
|
|
<rect x="96" y="64" width="32" height="32" fill="hsl(180.00,100.00%,30.00%)" />
|
|
<rect x="128" y="64" width="32" height="32" fill="hsl(180.00,100.00%,26.67%)" />
|
|
<rect x="160" y="64" width="32" height="32" fill="hsl(180.00,100.00%,10.00%)" />
|
|
<rect x="192" y="64" width="32" height="32" fill="hsl(180.00,100.00%,36.67%)" />
|
|
<rect x="224" y="64" width="32" height="32" fill="hsl(180.00,100.00%,6.67%)" />
|
|
<rect x="0" y="96" width="32" height="32" fill="hsl(180.00,100.00%,46.67%)" />
|
|
<rect x="32" y="96" width="32" height="32" fill="hsl(180.00,100.00%,13.33%)" />
|
|
<rect x="64" y="96" width="32" height="32" fill="hsl(180.00,100.00%,20.00%)" />
|
|
<rect x="96" y="96" width="32" height="32" fill="hsl(180.00,100.00%,26.67%)" />
|
|
<rect x="128" y="96" width="32" height="32" fill="hsl(180.00,100.00%,26.67%)" />
|
|
<rect x="160" y="96" width="32" height="32" fill="hsl(180.00,100.00%,3.33%)" />
|
|
<rect x="192" y="96" width="32" height="32" fill="hsl(180.00,100.00%,0.00%)" />
|
|
<rect x="224" y="96" width="32" height="32" fill="hsl(180.00,100.00%,20.00%)" />
|
|
<rect x="0" y="128" width="32" height="32" fill="hsl(180.00,100.00%,43.33%)" />
|
|
<rect x="32" y="128" width="32" height="32" fill="hsl(180.00,100.00%,6.67%)" />
|
|
<rect x="64" y="128" width="32" height="32" fill="hsl(180.00,100.00%,26.67%)" />
|
|
<rect x="96" y="128" width="32" height="32" fill="hsl(180.00,100.00%,30.00%)" />
|
|
<rect x="128" y="128" width="32" height="32" fill="hsl(180.00,100.00%,33.33%)" />
|
|
<rect x="160" y="128" width="32" height="32" fill="hsl(180.00,100.00%,3.33%)" />
|
|
<rect x="192" y="128" width="32" height="32" fill="hsl(180.00,100.00%,36.67%)" />
|
|
<rect x="224" y="128" width="32" height="32" fill="hsl(180.00,100.00%,10.00%)" />
|
|
</svg> |