The Colors of Dribbble

The Colors of Dribbble(nathanspeller.com)

168 points by nspeller 13 years ago | 30 comments

sp332 13 years ago |

A bit off topic, but I hope this isn't true: Additionally, there won’t be any new colors years from now. The color spectrum of the future will be exactly the same as it is today. It’s neat to think we already have access to the color palettes of the year 3000. The usual sRGB colorspace used by most of the web is a small fraction of visible colors. Don't get me wrong, it covers most use cases just fine, but it would be nice to fill out the rest sometime. https://en.wikipedia.org/wiki/SRGB (The colored blobby area represents all the shades the human eye can see, and the little triangle represents the colors in sRGB.) Oh and more contrast would be great too!

rjvin 13 years ago | |

related: Here's an illusion that lets you see true cyan. http://www.moillusions.com/2006/03/eclipse-of-mars-illusion....

Your eyes can see the color, but your monitor can't represent it.

msutherl 13 years ago | | |

Just the thought of being able to use that color in design. The depth is moving.

When I do lighting installations, I always insist on RGBA fixtures so you can get true warm colors – another thing you can't do with RGB displays.

simba-hiiipower 13 years ago | | |

pretty cool.

nyan_sandwich 13 years ago | |

That (quoted) statement is probably wrong (with the uncertainty focused on how the future goes).

The Mantis shrimp[1] can see colors in up to 12 dimensions, instead of the pathetic three that we can see.

Further, a study done with mice which I can't find now involved implanting mice with the genes for a third type of color receptor, and they grew up being able to distinguish colors in three dimensions instead of two. In other words, if you add a few genes for more color dimensions, the brain adapts.

To advance the human capability to perceive color, it is probably just a matter of adding a few genes. This kind of stuff is within a century for sure. Our descendants could grow up being able to see visual subtleties we can't even imagine, if we choose to go that way.

[1]: https://en.wikipedia.org/wiki/Mantis_shrimp

sp332 13 years ago | | |

Oh yeah, I was avoiding augmented vision like Steve Mann's headgear, which enables HDR vision as well as making some IR and UV visible. http://spectrum.ieee.org/geek-life/profiles/steve-mann-my-au... New cell types would be awesome, but you can already (very faintly) see polarization of light. https://en.wikipedia.org/wiki/Haidinger%27s_brush

Isamu 13 years ago | |

You are right, we don't have access to the color palettes of the year 3000. The term is gamut (https://en.wikipedia.org/wiki/Gamut) and the point is each current system has its own gamut which is a subset of visible colors.

All of today's print systems, monitors, etc cover a certain subset of visible colors. I think we can expect the technology to improve toward the year 3000, and there will be new colors that we can't represent today in sRGB. But until then, no, sadly we don't have access to (all) those color palettes.

But hey, the colors we have today are forward-compatible.

mnicole 13 years ago |

Some more palette creation tools/resources:

http://www.colourlovers.com/

http://colllor.com/

http://tools.medialab.sciences-po.fr/iwanthue/

http://www.eigenlogik.com/spectrum/ (OS X 10.7+ app)

mnicole 13 years ago | |

Addendum to myself: http://www.coolorus.com/ for Photoshop or as a Flash standalone. It's more of a color-picker tool (based off of CorelDRAW's), but it has a schemer feature built-in.

danenania 13 years ago | |

I just bought Spectrum and I'm really impressed. I've always wanted a tool like this.

mnicole 13 years ago | | |

Right? I was incredibly surprised that there aren't others like it (Kuler angers me for reasons I will not get into here). Colourlovers has ColorSchemer (http://www.colorschemer.com/osx_info.php) but I'm not a fan of the interface or the price tag.

aw3c2 13 years ago | |

addendum:

http://colorschemedesigner.com/

http://code.google.com/p/gpick/

glitchdout 13 years ago | | |

Addendum:

https://kuler.adobe.com/

http://pictaculous.com/

http://www.degraeve.com/color-palette/index.php

skc 13 years ago |

It works just fine in Internet Explorer 10.

Wonder what the purpose of the "Sorry, no Internet Explorer" is.

simba-hiiipower 13 years ago | |

i was wondering the same. working perfectly for me as well..

seems its just cool to post things like that without bothering to test if it, in fact, does work.

cheapsteak 13 years ago | |

Working fine in IE9 as well

TomNomNom 13 years ago |

Slightly related: another useful tool for picking colours is Kuler (https://kuler.adobe.com/)

rafeed 13 years ago |

I really like the concept and execution. Nice work! I'd like to know how you aggregated the color data. I found the js on github (https://github.com/nathanspeller/nathanspeller.github.com/bl...) and it just seems like you have a giant manually entered list of all the colors that are popular now, which won't be updated unless you update the colors.

dpham 13 years ago |

I'm glad people are toying around with client-side color algorithms and coming up with ways for people to dynamically choose aesthetically nice colors. I worked on this project http://dph.am/projects/ImageEyeDropper/ about a year ago to let people grab colors off an image, find the color range with the highest frequency, and perform some of these color theory functions.

smaili 13 years ago |

Awesome tool! Love the Sorry, no Internet Explorer note. It's always nice to let users know of browsers that aren't supported by your website :)

One minor suggestion: it would be nice to add a simple tooltip on hover of the different swatches and circles that give the rgb/hex value of that particular swatch/circle.

danenania 13 years ago |

This is awesome! It would be great if I could input a specific hex value for the base color instead of just randomizing.

justhw 13 years ago |

Great stuff. Offtopic,I recently started designing with crowdsourced pallets from colourlovers and it's been pleasant. You can actually search by mood/feel and you get nice set of colors.

http://www.colourlovers.com/palettes

willtheperson 13 years ago |

I always find that starting with a selection of color can really jumpstart a design. It'd be really cool if this could also pull from other sources. If I could specify "1970s america" and get color pallets from photos or scanned design works, it would be truly awesome.

mutatio 13 years ago |

Nice concept. There's plenty of algorithmic methods of color scheming out there: - http://encycolorpedia.com/ - https://kuler.adobe.com/

JeremyKolb 13 years ago |

You should make it possible for people to explore it a bit more organically, say I click on a color, it should show other pallets with that color. It would also be nice to have an easy save image feature if someone finds a color they really like.

sengstrom 13 years ago |

Snazzy app - I've used a little program called Agave (for Gnome) for this http://home.gna.org/colorscheme/ - it seems to be based on similar principles.

tannerc 13 years ago |

Neat. I don't know what to do with it though now that I have it.

Generating clear palettes as a result of the palettes discovered would be immensely helpful for designers.

annnnd 13 years ago |

Nice! It would be much more useful if one could pick the color manually (instead of random) though.

marshallford 13 years ago |

pretty neat mate.