今天分類推薦的這些基礎工具和網站中，涵蓋了素材、色彩、字型、圖示、主題、原型設計等多種類別，足以組成一個網頁設計師的日常用工具合集了，非常值得網頁設計從業者們收入囊中。
一、色彩類
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 是另外一個值得推薦的相簿，實際上在國外這個網站是相當一部分設計師的圖片來源。這裡圖片的價格相對比較實惠，類別廣泛，質量也足夠上乘。收費方式也相當靈活，定期會有促銷活動。