8 ms·

The Colors of Dribbble

168 points by nspeller 13y ago

tannerc 13y 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.
losethos 13y ago
demon (or God) made sport of me with that poem. I take comfort my enemies can be made sport of. God says... came to Jerusalem. 23:3 And all the congregation made a covenant with the king in the house of God. And he said unto them, Behold, the king's son shall reign, as the LORD hath said of the sons of David. 23:4 This is the thing that ye shall do; A third part of you entering on the sabbath, of the priests and of the Levites, shall be porters of the doors; 23:5 And a third part shall be at the king's house; and a third part at the gate of the foundation: and all the people shall be in the courts of the house of the LORD. 23:6 But let none come into the house of the LORD, save the priests, and they that minister of the Levites; they shall go in, for they are holy: but all the people shall keep the watch of the LORD. 23:7 And the Levites shall compass the king round about, every man with his weapons in his hand; and whosoever else cometh into the house, he shall be put to death: but be ye with the king when he cometh in, and when he goeth out.
sp332 13y 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 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 13y ago
  related: Here's an illusion that lets you see true cyan. http://www.moillusions.com/2006/03/eclipse-of-mars-illusion.html http://www.moillusions.com/2006/03/eclipse-of-mars-illusion.... Your eyes can see the color, but your monitor can't represent it.
  - simba-hiiipower 13y ago
    pretty cool.
  - msutherl 13y 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.
- nyan_sandwich 13y 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 https://en.wikipedia.org/wiki/Mantis_shrimp
  - sp332 13y 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-augmediated-life 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 https://en.wikipedia.org/wiki/Haidinger%27s_brush
willtheperson 13y 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.
smaili 13y 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.
TomNomNom 13y ago
Slightly related: another useful tool for picking colours is Kuler (https://kuler.adobe.com/ https://kuler.adobe.com/)
justhw 13y 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 http://www.colourlovers.com/palettes
rafeed 13y 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/blob/master/javascripts/colors.js 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.
mnicole 13y ago
Some more palette creation tools/resources: http://www.colourlovers.com/ http://www.colourlovers.com/ http://colllor.com/ http://colllor.com/ http://tools.medialab.sciences-po.fr/iwanthue/ http://tools.medialab.sciences-po.fr/iwanthue/ http://www.eigenlogik.com/spectrum/ http://www.eigenlogik.com/spectrum/ (OS X 10.7+ app)
- danenania 13y ago
  I just bought Spectrum and I'm really impressed. I've always wanted a tool like this.
  - mnicole 13y 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 http://www.colorschemer.com/osx_info.php) but I'm not a fan of the interface or the price tag.
- aw3c2 13y ago
  addendum: http://colorschemedesigner.com/ http://colorschemedesigner.com/ http://code.google.com/p/gpick/ http://code.google.com/p/gpick/
  - glitchdout 13y ago
    Addendum: https://kuler.adobe.com/ https://kuler.adobe.com/ http://pictaculous.com/ http://pictaculous.com/ http://www.degraeve.com/color-palette/index.php http://www.degraeve.com/color-palette/index.php
- mnicole 13y ago
  Addendum to myself: http://www.coolorus.com/ 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.
JeremyKolb 13y 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.
dpham 13y 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/ 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.
danenania 13y ago
This is awesome! It would be great if I could input a specific hex value for the base color instead of just randomizing.
deleted 13y ago
[deleted]
marshallford 13y ago
pretty neat mate.
skc 13y ago
It works just fine in Internet Explorer 10. Wonder what the purpose of the "Sorry, no Internet Explorer" is.
- simba-hiiipower 13y 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 13y ago
  Working fine in IE9 as well
sengstrom 13y ago
Snazzy app - I've used a little program called Agave (for Gnome) for this http://home.gna.org/colorscheme/ http://home.gna.org/colorscheme/ - it seems to be based on similar principles.
annnnd 13y ago
Nice! It would be much more useful if one could pick the color manually (instead of random) though.
mutatio 13y ago
Nice concept. There's plenty of algorithmic methods of color scheming out there: - http://encycolorpedia.com/ http://encycolorpedia.com/ - https://kuler.adobe.com/ https://kuler.adobe.com/

168 points by nspeller 13y 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.

losethos 13y ago

demon (or God) made sport of me with that poem. I take comfort my enemies can be made sport of. God says... came to Jerusalem. 23:3 And all the congregation made a covenant with the king in the house of God. And he said unto them, Behold, the king's son shall reign, as the LORD hath said of the sons of David. 23:4 This is the thing that ye shall do; A third part of you entering on the sabbath, of the priests and of the Levites, shall be porters of the doors; 23:5 And a third part shall be at the king's house; and a third part at the gate of the foundation: and all the people shall be in the courts of the house of the LORD. 23:6 But let none come into the house of the LORD, save the priests, and they that minister of the Levites; they shall go in, for they are holy: but all the people shall keep the watch of the LORD. 23:7 And the Levites shall compass the king round about, every man with his weapons in his hand; and whosoever else cometh into the house, he shall be put to death: but be ye with the king when he cometh in, and when he goeth out.

sp332 13y 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 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 13y ago
related: Here's an illusion that lets you see true cyan. http://www.moillusions.com/2006/03/eclipse-of-mars-illusion.html http://www.moillusions.com/2006/03/eclipse-of-mars-illusion.... Your eyes can see the color, but your monitor can't represent it.
- simba-hiiipower 13y ago
  pretty cool.
- msutherl 13y 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.
nyan_sandwich 13y 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 https://en.wikipedia.org/wiki/Mantis_shrimp
- sp332 13y 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-augmediated-life 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 https://en.wikipedia.org/wiki/Haidinger%27s_brush

willtheperson 13y 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.

smaili 13y 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.

TomNomNom 13y ago

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

justhw 13y 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 http://www.colourlovers.com/palettes

rafeed 13y 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/blob/master/javascripts/colors.js 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.

mnicole 13y ago

Some more palette creation tools/resources: http://www.colourlovers.com/ http://www.colourlovers.com/ http://colllor.com/ http://colllor.com/ http://tools.medialab.sciences-po.fr/iwanthue/ http://tools.medialab.sciences-po.fr/iwanthue/ http://www.eigenlogik.com/spectrum/ http://www.eigenlogik.com/spectrum/ (OS X 10.7+ app)

danenania 13y ago
I just bought Spectrum and I'm really impressed. I've always wanted a tool like this.
- mnicole 13y 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 http://www.colorschemer.com/osx_info.php) but I'm not a fan of the interface or the price tag.
aw3c2 13y ago
addendum: http://colorschemedesigner.com/ http://colorschemedesigner.com/ http://code.google.com/p/gpick/ http://code.google.com/p/gpick/
- glitchdout 13y ago
  Addendum: https://kuler.adobe.com/ https://kuler.adobe.com/ http://pictaculous.com/ http://pictaculous.com/ http://www.degraeve.com/color-palette/index.php http://www.degraeve.com/color-palette/index.php
mnicole 13y ago
Addendum to myself: http://www.coolorus.com/ 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.

JeremyKolb 13y 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.

dpham 13y 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/ 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.

danenania 13y ago

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

deleted 13y ago

[deleted]

marshallford 13y ago

pretty neat mate.

skc 13y ago

It works just fine in Internet Explorer 10. Wonder what the purpose of the "Sorry, no Internet Explorer" is.

simba-hiiipower 13y 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 13y ago
Working fine in IE9 as well

sengstrom 13y ago

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

annnnd 13y ago

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

mutatio 13y ago

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