This is kind of pretty, but actually rather annoying from a UI perspective. Here is some feedback, which is just like, my opinion, man.<p>For one, there's the mystery meat navigation. If it's a visual directory of all color names, why not start there? Or start by showing one color and then rapidly "zooming" out to show an overview. I'm guessing you're going for some kind of serendipity right now, where I would refresh repeatedly and be treated to delightful colors. Maybe you could find a middle ground where there's still some serendipity, but it's also easier to navigate.<p>The transitions on the titles are also too slow. I know how it can be when you're staring at these things for a while, it can be hard to judge. Consider that when I mouse over a color, it's because I want to see the color name (which is, after all, the only thing this does.) Therefore, you shouldn't make me wait half a second to see it. If you reduce to something more like an eighth of a second, there's still a nice effect, but I don't feel like I'm waiting.<p>Finally, the text on the light colors is about impossible to read. You've got the right idea with the text shadow, but it's too faint. Keep in mind that since monitor calibrations vary wildly, if you care about readability, you have to be conservative with your contrast. I will admit that I'm using a really crappy monitor that I've never calibrated right now (and I know for a fact that the color reproduction on it is way off.)
Does anyone ever actually use CSS color names in production except for "white" and "black"? Unless you throw in a "border: 1px solid red" for debugging to see the box around an element?<p>After all, the remaining 145 colors only account for 0.00086% of colors a designer might pick in Photoshop.<p>It's like winning the lottery :)
If it's really a tool to help designers, don't hide all the colour names on the list. Just let us look at the whole list with all the names and colours at a glance and make it easy to browse.
I wasn't even aware CSS3 added 130 color keywords. I like the larger size of the chips used here, but prefer the labeled list on MDN: <a href="https://developer.mozilla.org/en/CSS/color_value#Color_Keywords" rel="nofollow">https://developer.mozilla.org/en/CSS/color_value#Color_Keywo...</a>
And here is a list of all CSS colors you should use for body text: black.<p><a href="http://contrastrebellion.com/" rel="nofollow">http://contrastrebellion.com/</a>
I find the table on Wikipedia [1] much more usable in that I can visually see the colors that I am choosing between side-by-side. Not to mention they are already roughly organized by color.<p>[1]: <a href="http://en.wikipedia.org/wiki/Web_colors#X11_color_names" rel="nofollow">http://en.wikipedia.org/wiki/Web_colors#X11_color_names</a>
There are 147 color names, but the number of colors in CSS3 spec is a bit smaller because of duplicates (e.g. gray and grey are the same color).<p>I would rather prefer to comment my code than use some of the more convoluted names. In CSS3 we can also specify colors with HSL format which is more natural and universal than made-up names.
lot's of colors but no way to share. this site is pointless without pushState on the url like: <a href="http://www.147colors.com/Magenta" rel="nofollow">http://www.147colors.com/Magenta</a>
Cute.<p>Kinda annoying that it loads all its page content from www.colors.commutercreative.com, which RequestPolicy blocks by default, being an external domain.