The latest articles on Forem by Hitarth Chudgar (@hitarthchudgar). https://forem.com/hitarthchudgar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F66836%2Ff75c9f90-bb15-4727-a5c6-c2f787c3dd2d.png https://forem.com/hitarthchudgar en Hitarth Chudgar Mon, 16 Apr 2018 15:01:17 +0000 https://forem.com/hitarthchudgar/colors-and-gradients-3p3j https://forem.com/hitarthchudgar/colors-and-gradients-3p3j <h1> Color pallets and Gradients </h1> <p>Although I am new to the field of web dev. I do have ~2 years experience in design(including UI, Web Page design, abstract art). One thing I learned after all this is that good <strong>color schemes</strong> or <strong>good color picking</strong> is the essence.<br> I also love gradients(i mean they are beautiful) and I hope you like it too.<br> Thus, I have curated some of the best websites which provides you with the best gradients and color schemes/colors.Of course, they are free of cost and you won't have to shell a penny.This will definitely boost the workflow for devs and designers alike.</p> <h2> Color schemes/Color palettes </h2> <p>So here are some of the best color schemes/pickers on the internet.</p> <ul> <li><a href="https://flatuicolors.com/">Flat UI colors</a></li> <li><a href="https://colorbook.me/">The Colorbook</a></li> <li><a href="http://www.flatcolorsui.com/">Flat colors UI</a></li> <li><a href="http://bootflat.github.io/color-picker.html">Bootflat</a></li> <li><a href="https://www.huesnap.com/">Huesnap</a></li> <li> <a href="https://gigantic.store/gigantic-color-pallet/">Gigantic color pallete</a> (color pallete has to be downloaded in this <em>freebie</em>)</li> <li><a href="https://pigment.shapefactory.co/">Pigment</a></li> <li><a href="http://materialuicolors.co/">Material UI colors</a></li> <li><a href="http://color.farm/">Color farm</a></li> <li><a href="https://www.webdesignrankings.com/">Web design rankings</a></li> <li><a href="https://material.colorion.co/">Colorion</a></li> <li><a href="http://palette.site/">Palette</a></li> <li><a href="https://www.webdesignrankings.com/resources/lolcolors/">LOL colors</a></li> <li><a href="http://colorhunt.co/">Colorhunt</a></li> <li><a href="https://coolors.co/">Coolors</a></li> <li><a href="http://www.hixle.co/palettes/">Hixle</a></li> </ul> <h2> Gradients </h2> <p>Quick and beautiful gradients for app dev and web dev.Some of these sites have the respective CSS code too(although doesn't really make a difference).</p> <ul> <li><a href="https://uigradients.com/">UI gradients</a></li> <li><a href="https://webgradients.com/">Web gradients</a></li> <li><a href="https://www.grabient.com/">Grabient</a></li> <li><a href="https://gradiblock.com/">Gradiblock</a></li> <li><a href="http://ourownthing.co.uk/gradpad.html">Gradpad</a></li> <li><a href="https://dribbble.com/shots/3695594-Gradients">Dribbble gradient 1</a></li> <li><a href="https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie">Dribbble gradient 2</a></li> <li><a href="https://dribbble.com/shots/3399247-Gradients-pack-Freebie-sketch">Dribbble gradient 3</a></li> <li><a href="http://www.hixle.co/gradients/">Hixle gradients</a></li> <li><a href="https://webkul.github.io/">Webkul</a></li> <li><a href="https://gradients.cssgears.com/">CSS gears</a></li> <li><a href="https://gradientbuttons.colorion.co/">Gradeint buttons</a></li> <li><a href="https://gradients.party/">Gradients Party</a></li> <li><a href="https://gradient.shapefactory.co/">Shapefactory grad</a></li> </ul> <h2> Verdict </h2> <p>This is my first blog post.I am sorry I couldn't explain each resource in detail but trust me they are definitely worth it.Cheers!🥂</p> design webdev css freebie