Find Your Color Scheme

Nice. It's a similar interface to what hailpixel (Devin Hunt) built:<p><a href="http://color.hailpixel.com/" rel="nofollow">http://color.hailpixel.com/</a>

I'd be mildly interested in seeing a slightly different kind of tool: generating color schemes for sci-fi illustrations. Bear with me here:<p>If you look at this gallery, for example: <a href="http://www.thomlab.com/gallery.htm" rel="nofollow">http://www.thomlab.com/gallery.htm</a> , you'll see that many of the paintings follow the same way of picking emotionally appealing colors. Firstly, there's a really dark foreground color used for some objects that are extremely close by, at the edges of the frame, like a "door jamb" to guide the viewer inside. Then there's a lighter color for the midground (is that a word?) and a still lighter one for the distant background, like the sky, to hint that the pictured world is huge. Can we get a tool that generates triples of colors suitable for this?

This was very cool, but it needs a simple change, it needs a way of changing the text color independently of the background color. Perhaps holding the mouse button would be text color preferred and not holding it would be background preferred or something.<p>That said, I would love a page that had some ipso-lorem type code C, Perl, js, C++, Java, Etc where each click would change the 'type' of element (keyword, comment, etc) and you could mouse around to set the color. Then right click and download the vim color scheme.

At first, I was a little bit thrown off by the mechanic of changing the color by moving your mouse. But then I realized its brilliance: it lets you compare different color schemes ridiculously fast. Very handy.<p>A bit of feedback: it seems that there is only two dimensions of changing the base color, corresponding with the two dimensions in which you can move your mouse. I can also see by the text overlay that saturation is locked in at 50%. It'd be nice if we had control over saturation. Maybe with a slider?

This is AWESOME. My personal website looks like this[1] and I've wasted insane amount of time to get the color scheme right. I still think it's terrible, but I went with the scheme I was most comfortable with. This website will help me a lot to decide (plus it has 5 different palettes/stripes, just like my website) on the perfect color scheme. Thank you so much for your work (assuming OP is the creator of the website).<p>[1]<a href="http://cl.ly/image/1C413p040J0R" rel="nofollow">http://cl.ly/image/1C413p040J0R</a>

Nobody has mentioned it yet, so I'll mention <a href="https://kuler.adobe.com/" rel="nofollow">https://kuler.adobe.com/</a> .<p>I am completely unable to coordinate colors. And algorithms (``on the color wheel take 12 o'clock, and 5 and 7'') are very limited. What I find useful is a site where people who are into this kind of thing contribute their work and I use it, with grateful acknowledgement.

rgb(#, #, #) shows up twice per box. For instance:<p><pre><code> #c65e54 rgb(198, 94, 84) // RGB here hsl(5, 50%, 55%) hcl(32, 48%, 53%) rgb(198, 94, 84) // and here again</code></pre>

I wish it worked on the iPad. I tried it and couldn't figure out how to use it until I read the comments here about using a mouse. Sounds like it would be easy enough to catch the touch events instead of the mouse.

Really cool. What would make it perfect is if you could go back and tweak colours you've already added. Bookmarked in any case. Consider my suggestion a feature request!

Here's something I made for fun a while back: <a href="http://codepen.io/uniZero/pen/JueoL" rel="nofollow">http://codepen.io/uniZero/pen/JueoL</a> . It generates a color scheme using SCSS &#38; Compass so you can see the changes on your site more immediately. It's really noob and basic, but it makes you realize how much more convenient using SCSS to handle color schemes is. Just play with the $magic-color variable to see new color schemes.

This is great!<p>You should remove the shadows, or provide an option to turn them off perhaps. It might give a better view of how the colors play with each other.

That's really cool for 'artistically impaired' people, too. I couldn't find even two matching colors if my life depended on it.

this is very nice, impressive at first glance, and very useful when studied some more. here a few more useful sources for designers, front-end developers, illustrators and learners<p><a href="http://colorschemedesigner.com/#" rel="nofollow">http://colorschemedesigner.com/#</a><p><a href="http://labs.tineye.com/multicolr" rel="nofollow">http://labs.tineye.com/multicolr</a>

This is supercool.<p>Here's a question: I'd love to take my print copy of Albers' color theory stuff and record some of the color codes, maybe just by eyeballing the screen and then the page. What's a good way to calibrate my monitor so what I'm seeing is close to universally "correct"?

thanks for the feedback. many of the bugs I had not noticed before

I would love one of these built around mood or word association. There's a million combinations that look fine to me but how do I know if they are right for my customer?<p>EDIT: Spelling

Looks like you forgot to buy the American spelling. Got your back bro.<p><a href="http://colorco.de/" rel="nofollow">http://colorco.de/</a>

<a href="http://colorizer.org/" rel="nofollow">http://colorizer.org/</a> is another nice tool in this area.

That's awesome! I always get confused about my color scheme. Going to use this for my every project.

Awesome. That said, it'd be even better with a small color key you could toggle on the top right.

This is great. I see myself spending hours here in the future.

thats awesome ! how did you calculate teh colors for the text so that they remain visible?

This is great. Thanks!

Cool!

Thanks!