A color tool for web designers - upload a photo and quickly get a palette of 5 of the most common colors in the photo - hex and RGBA values, color-name css classes, SCSS variables, type and background color samples.
A color tool for web designers - upload a photo and quickly get a 5 color pallette and generated CSS. This is our first build in Angular 2, enjoy!
Angular 2 by @max @andalex @Al-she for creating an accurate 5 color palette from the predominant colors in a photo.
Once we have used our algorithm to determine the colors, we generate HEX and RGBA values, SCSS variables, and CSS with classnames using color-namer -- in either HEX or RGBA.
A great tool for grabbing a palette to use in your web projects.
Please run our app in Chrome, since that is all we had time to test for. Upload any image file to the upload button then see your color palette results and go to the fish result template to see different color designs of your palette.
View the screencast:
Angular2, http://purecss.io/, https://github.com/AngularClass/angular2-webpack-starter, https://gist.github.com/nrabinowitz/1104622, https://highlightjs.org/., https://www.npmjs.com/package/color-namer , http://bossfight.co/fishing-pole/ , quantize.js Nick Rabinowitz, skeleton css, pure css.
check our packages.json for moar ; }
Very nice design (except for the white text on blue background as soon as you open the app, hard to read!).
Good functionality, not really innovative.
Simple yet useful. Loved it.
App looks good but displays only 5 colors.
Great .... Added to my playlist http://learnio.2016.angularattack.io/c/573c0ad989a139f305ee5d40
Interesting concept. Love the fish.
I like the Idea with the "sample page". There are a few color apps in the competition ;-)
This app deserves more votes. It's easy to use and I could see it being very useful for designers. I would vote for you twice if I could!
I would only suggest that you merge the "samples" link into the main page as to eliminate an extra click. Otherwise I really like this.
Works as advertised. As next step if you could allow a small section of an image to be selected and generate pallets from that , that would be kool
this is cool
I think it would be more useful if the examples page showed more real life examples, instead of boxes with text.
This tool with the right examples can help designers pick the right colors for their upcoming project.
Best of luck! I would use it if you implemented the features above, ping me on github/email if you do :) !
awesome app, very useful, u should also provide a box with the color next to the hex code , for users to preview
The idea is quiet intresting very useful app :) good work guys