6 ms·
Find Your Color Scheme
- ChuckMcM 13y agoThis 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. 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.
- pzaich 13y agoi would love to see this applied in a sort of CSS zen garden way where a simple layout's color scheme is updated continuously based off of moving your mouse around.
- lloeki 13y agoI would love for it to stay as simple and barebones as it is and not accrete crufty features such as applying the color theme to vacuous stuff like a generic layout on generic text/code, that is not representative of where I will use it anyway, and it won't know which color I'll use for what. fswatch ~/Downloads "mv ~/Downloads/colorscheme.less /somewhere/else/with/assets && firefox -remote \"openURL(127.0.0.1:3000/whatever, new-tab)\"" Bam. My layout, my content. [0]: https://github.com/alandipert/fswatch.git https://github.com/alandipert/fswatch.git [1]: replace fswatch with inotifywait on linux [2]: I actually use shell-wrapped AppleScript to remote control Chrome from the command line. [3]: also rb-inotify, rb-fsevent, rb-fchange gems (the last one is for Windows)
- roryokane 13y agoThere is a custom syntax color theme maker for Visual Studio here: http://studiostyl.es/schemes/create http://studiostyl.es/schemes/create. Its user interface is pretty close to what you’re describing. And there might be some way to convert Visual Studio color themes for use with other editors. However, that page is not very good for creating dark-background themes. It’s missing a bunch of styles that I saw fairly often in C# code, and their default light colors look awful on a dark background.
- jdkanani 13y agoThat's awesome! I always get confused about my color scheme. Going to use this for my every project.
- polymathist 13y agoAt 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. 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?
- qbrass 13y agoIn the code mode, you can change the saturation with the mousewheel. For some reason, it changes the lightness in scheme mode. I'm not sure if it's intentional or a bug.
- bbatchelder 13y agoThis is great. I see myself spending hours here in the future.
- justin66 13y agoThis is supercool. 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"?
- micampe 13y agoYou need one of these http://spyder.datacolor.com/display-calibration/ http://spyder.datacolor.com/display-calibration/
- weisser 13y agoNice. It's a similar interface to what hailpixel (Devin Hunt) built: http://color.hailpixel.com/ http://color.hailpixel.com/
- shellehs 13y agoI prefer this site. clearer and simpler, focus, than http://colourco.de/ http://colourco.de/
- epo 13y agoTry code mode.
- eropple 13y agoSort of, but providing the scheme progressions is really neat.
- roryokane 13y agoThe scroll bar on that site is a cool way to represent the saturation. Scrolling with the mouse wheel changes saturation on http://colourco.de/ http://colourco.de/ too, but it’s more obvious on the hailpixel site that you can use the mouse wheel.
- prezjordan 13y agoDo either of these "intelligently" pick colors? Just playing around with them, it seems I can't make anything ugly.
- mey 13y agohttp://en.wikipedia.org/wiki/Color_scheme#On_the_color_wheel http://en.wikipedia.org/wiki/Color_scheme#On_the_color_wheel Part of color theory.
- kamakazizuru 13y agoany idea how this guy calculated the colour for the text dynamically so as to maintain the contrast difference?
- dombili 13y agoThis 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). [1]http://cl.ly/image/1C413p040J0R http://cl.ly/image/1C413p040J0R
- hnriot 13y agoI 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.
- JoshGlazebrook 13y agoAs much as I'd like it to work on my iPad too, I still just view it as a toy and not something that can be productive.
- deleted 13y ago[deleted]
- AYBABTME 13y agorgb(#, #, #) shows up twice per box. For instance: #c65e54 rgb(198, 94, 84) // RGB here hsl(5, 50%, 55%) hcl(32, 48%, 53%) rgb(198, 94, 84) // and here again
- _smaugh 13y agothis 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 http://colorschemedesigner.com/# http://colorschemedesigner.com/# http://labs.tineye.com/multicolr http://labs.tineye.com/multicolr
- calinet6 13y agoThis is great! 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.
- eropple 13y agoIt's funny, I was just thinking that I really like them--so many sites use drop shadows that they provide some information as to how those would look.
- kybernetyk 13y agoThat's really cool for 'artistically impaired' people, too. I couldn't find even two matching colors if my life depended on it.
- TaminoMartinius 13y agothanks for the feedback. many of the bugs I had not noticed before
- subpixel 13y agoIs it possible to start with a single color and get a suggested color theme? If not, please consider that a suggestion. I often spot a color I love from someplace else and then struggle to select complementary colors around it.
- TaminoMartinius 13y agoI have a tool written mainly for myself cause i'll hate adobe kuler for using flash and wasting a lot of screen-space. I will continue to improve this tool, and push it on github or bitbucket, so then everyone can view and improve the code. Bug Tracker/Feature requests: http://dev.zaku.eu/colourco.de/issues http://dev.zaku.eu/colourco.de/issues
- flipside 13y agoAwesome. That said, it'd be even better with a small color key you could toggle on the top right.
- cousin_it 13y agoI'd be mildly interested in seeing a slightly different kind of tool: generating color schemes for sci-fi illustrations. Bear with me here: If you look at this gallery, for example: http://www.thomlab.com/gallery.htm http://www.thomlab.com/gallery.htm , 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?
- seivan 13y agoThanks!
- jimhefferon 13y agoNobody has mentioned it yet, so I'll mention https://kuler.adobe.com/ https://kuler.adobe.com/ . 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.
- UniZero 13y agoKuler is best used inside Photoshop and Illustrator. To those who don't know, it's natively supported (see: Window->Extensions->Kuler). http://www.colourlovers.com/ http://www.colourlovers.com/ is another good one, though somewhat bloated.
- zapt02 13y agoCool!
- ryanmarsh 13y agoI 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? EDIT: Spelling
- daltonlp 13y agohttp://www.colr.org http://www.colr.org tries to do exactly that. Try searching for "autumn" or "forest" or "shrimp"
- UniZero 13y agoHere's something I made for fun a while back: http://codepen.io/uniZero/pen/JueoL http://codepen.io/uniZero/pen/JueoL . It generates a color scheme using SCSS & 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.
- kamakazizuru 13y agothats awesome ! how did you calculate teh colors for the text so that they remain visible?
- axefrog 13y agoReally 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!
- lmirosevic 13y agoThis is great. Thanks!
- domdib 13y agohttp://colorizer.org/ http://colorizer.org/ is another nice tool in this area.
- azzameyt 13y agoLooks like you forgot to buy the American spelling. Got your back bro. http://colorco.de/ http://colorco.de/