15+ Awesome Color Resources For Your Next Web Project
Tags: css, webdev, productivity, beginners
Published: 2021-04-23 11:45:49

When we design a website one of the most important element to consider is color scheme, we cannot remember all the colors or shades available, it will be helpful if we have a good resource about colors. I have listed some resources which will help you to get a good color scheme for your next project. 

0. [ColorPalettes](https://colorpalettes.net/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/br43olifwnuwjnzve97l.PNG)
1. [ColorHunt](https://colorhunt.co/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5hw4bzns5c4zl29a13af.PNG)
2. [0 To 255](https://www.0to255.com/) 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zbrxakifv963y296cqaf.PNG)
3. [Hailpixel](https://color.hailpixel.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tnguvcbgetca1bh2wtw6.PNG)
4. [Clrs.cc](https://clrs.cc/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atvloro88gdk6xroa4v4.PNG)
5. [HTMLColorCodes](https://htmlcolorcodes.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9nv0lmxxszsid620u53h.PNG)
6. [Coolors](https://coolors.co/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/10dd21jgze3kb6zqrruu.PNG)
7. [ColorMind] (http://colormind.io/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bbe8cuc3nde2pfpsx2k4.PNG)
8. [Muzil](https://colors.muz.li/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1197s087gifkol3e1m6.PNG)
9. [Canva](https://www.canva.com/colors/color-palette-generator/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3q1xp4c0nmq0l4t6icp0.PNG)
10. [Mycolor.space](https://mycolor.space/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2d8jc3pvd9eujjmnhmc.PNG)
11. [AdobeColorWheel](https://color.adobe.com/create/color-wheel/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i677jzsog1mvofkd7xsf.PNG)
12. [Huesnap](https://www.huesnap.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3yquscpm8nc9qjycbpao.PNG)
13. [MaterialPalette](https://www.materialpalette.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wk9d8bojvzwhdi6atlm.PNG)
14. [ColorExplorer](http://www.colorexplorer.com/colorpicker.aspx)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j6v6e3otcdp0osilnzjs.PNG)
15. [Paletton](https://paletton.com/#uid=14j0u0kllllaFw0g0qFqFg0w0aF)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6960n90xns9xpmeb79r4.PNG)
16. [ColorsOnTheWeb](http://www.colorsontheweb.com/Color-Tools/Color-Wizard)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o486hdoszehf0r84qyb0.PNG)

If you are interested you can check for some more resources here. 

{% link https://dev.to/kiranrajvjd/awesome-css-layout-resources-for-beginners-508a %}
{% link https://dev.to/kiranrajvjd/15-awesome-color-resources-for-your-next-web-project-48je %}
{% link https://dev.to/kiranrajvjd/15-awesome-css-animation-resources-4mhi %}
{% link https://dev.to/kiranrajvjd/10-awesome-color-gradient-resources-for-your-next-project-9ji %}