今天分类推荐的这些基础工具和网站中，涵盖了素材、色彩、字体、图标、主题、原型设计等多种类别，足以组成一个网页设计师的日常用工具合集了，非常值得网页设计从业者们收入囊中。

一、色彩类

1、Coolors

网站地址：https://coolors.co/

Coolors 是一款直观的配色工具，你可以以更加简单的方式创建色彩组合，还可以生成不同的格式，比如SVG、PDF或者SCSS，可用于Android、iOS、PS和AI等不同的平台。

2、Color Hunt

网站地址：http://colorhunt.co/

Color Hunt包含了一系列漂亮炫酷的色彩组合，网站会每天更新配色方案，并且根据浏览数排列出zui漂亮的配色方案。

3、Nipponcolors

网站地址：http://nipponcolors.com/

一个日本传统用色色谱网站，就好用程度而言，这个配色网站并不优秀。但是里面的颜色都非常好看，很有逼格。你可以选定一个背景色后目测着去选配色。

4、Flat UI Color Picker

网站地址：http://www.flatuicolorpicker.com/

如果你想制作出优秀的扁平风界面设计，Flat UIColor Picker可以为你提供扁平风配色方案。

网站设计

二、素材类

1、Tech&All

网站地址： http://techandall.com/

Tech&All是网页设计资源的集散地，你在这里可以发现大量的代码、模板、视觉稿、UIKits、UI元素、导航设计等素材 。

2、Freebiesbug

网站地址： http://freebiesbug.com/

Freebiesbug搜集了许多免费优质的网页设计资源 ，包括模板、UI和各种插件。

3、Site Inspire

网站地址： http://www.siteinspire.com/

缺少灵感？不知道怎么用网站？Site Inspire 将会帮你重新恢复状态，网站还可以根据类别、平台和风格筛选你需要的素材。

4、Resource Cards

网站地址：https://resourcecards.com/

如果你是刚刚进入网页设计领域不久的新人，那么你有必要了解一下进行这项工作的过程中，有哪些工具、素材是可以使用，让你事半功倍的。而Resource Cards 就是帮你搞定这个事情的：所有的素材、工具和教程都被清晰地分成不同的类别，不论你是要设计原型、编写代码还是使用Photoshop来做设计，都能从中找到相应的教程和资源。

5、Stockfresh

网站地址：http://stockfresh.com/

Stockfresh是另外一个值得推荐的图库，实际上在国外这个网站是相当一部分设计师的图片来源。这里图片的价格相对比较实惠，类别广泛，质量也足够上乘。收费方式也相当灵活，定期会有促销活动。