今天分类推荐的这些基础工具和网站中，涵盖了素材、色彩、字型、图示、主题、原型设计等多种类别，足以组成一个网页设计师的日常用工具合集了，非常值得网页设计从业者们收入囊中。
一、色彩类
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 是另外一个值得推荐的相簿，实际上在国外这个网站是相当一部分设计师的图片来源。这里图片的价格相对比较实惠，类别广泛，质量也足够上乘。收费方式也相当灵活，定期会有促销活动。