a bunch of useful color links I've accumulated over the years:<p>tools<p>* <a href="https://dtrejo.com/colorslice/" rel="nofollow">https://dtrejo.com/colorslice/</a> - I made this b/c i wanted multi-color picking and good schemes from images and husl and multiple editable color formats<p>* <a href="http://speculo.co/" rel="nofollow">http://speculo.co/</a> - preview colors on layouts<p>* <a href="http://tools.medialab.sciences-po.fr/iwanthue/" rel="nofollow">http://tools.medialab.sciences-po.fr/iwanthue/</a> - colors for data scientists<p>* <a href="https://color.hailpixel.com/" rel="nofollow">https://color.hailpixel.com/</a> - fun color picker<p>* <a href="http://tristen.ca/hcl-picker/#/hlc/6/1/20313E/EFEE68" rel="nofollow">http://tristen.ca/hcl-picker/#/hlc/6/1/20313E/EFEE68</a> - hcl picker<p>formats<p>* <a href="http://www.hsluv.org/" rel="nofollow">http://www.hsluv.org/</a> - human friendly hsl<p>a11y<p>* <a href="https://www.randoma11y.com/#/?_k=nm2tko" rel="nofollow">https://www.randoma11y.com/#/?_k=nm2tko</a> - check color a11y<p>* <a href="https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333" rel="nofollow">https://snook.ca/technical/colour_contrast/colour.html#fg=33...</a> - contrast checker
It looks neat, but I have a subtle suggestion; why not output CSS HSL colour codes instead of RGB? It's supported in all relevant browsers (IE9+).<p>HSL has the benefit of explicitly showing the colour's hue, saturation, and lightness — meaningful values compared with RGB's three colour channels, which is something you might want to stimulate with a tool like this.<p>With HSL a minor change in saturation or lightness can also be done directly from the CSS (or SASS) code by whoever is maintaining the stylesheet.<p><pre><code> # Green.
hsl(130, 41%, 33%)
rgb(50, 119, 62)
# Slightly more vibrant green — note that only the saturation value changes.
hsl(130, 53%, 33%)
rgb(39, 130, 55)</code></pre>
I love the design and layout of this app. Very nice!<p>A killer feature would be add options to calculate complementary, monochromatic, analogous, etc. color harmonies, similar to a color calculator:<p><a href="https://www.sessions.edu/color-calculator/" rel="nofollow">https://www.sessions.edu/color-calculator/</a>
Curious if there's a reason Disqus is the main comment app. What about Facebook/other social media? I was thinking of bundling them together perhaps mix results.<p>Also I like the design/style of the site though I think white text on black isn't a good practice eg. Harder to read due to contrast. That's just my opinion though and not backed by anything, I'm not an expert designer just my opinion.