前端工程師必須知道的實用網站

一、配色類網站

http://colorhunt.co

這個網站給我們提供了很多的配色方案，我們直接使用就OK了。使用方法也很簡單，滑鼠移動到對應的顏色上，我們就可以看到顏色的十六進位碼，複製這個顏色到工具裡就可以使用了。

180種漸層方案供你選擇，也可以直接複製CSS樣式應用到網頁中

這個是Adobe公司出的，他提供了多種配色方案。我們點選圓盤中間的點，就可以調整出我們想要的配色。

#這是一個擷取現有圖片配色方案的工具。我們上傳一張圖片，它就會幫我們把圖片的配色提取出來供我們使用。

這個網站是為WEB設計，開發中常用到的安全色。網站內列出了顏色的十六進位碼和RGB碼，複製貼上就可以了。

#這是線上RGB和十六進位顏色碼轉換工具。在對應的位置填入十六進位代碼，點選轉換，我們就可以取得到RGB顏色的代碼了。

 

# 

#二、圖示類別網站

這是阿里巴巴旗下的圖示庫網站，直接搜尋關鍵字就可以找到大量的圖示。下載圖示的時候我們還可以選擇顏色、大小、格式，依照自己的需求下載就好了。

這也是一個非常有名的圖示庫，與上面那個不同的是，這裡的圖示不是單一顏色的，而是設計好的顏色。下載圖示也很簡單，直接點選對應圖示上面的格式就可以下載。

#Oson圖示（Font Awesome）提供豐富的向量字體圖示—透過CSS可以任意控制所有圖示的大小，顏色，陰影。

###################三、外掛程式類別網站######### ############這個網站分享jQuery外掛程式和提供各種jQuery特效的詳細使用方法,線上預覽,jQuery外掛下載及教學############## ###################這個網站與上一個網站類似，也提供了大量的jQuery外掛###############

這是一個強大的模組化前端框架

H-ui前端框架，一個輕量級前端框架，簡單免費，相容性好，服務中國網站。

四、素材類網站

#千庫網，一個免費下載圖片素材的網站

#Unsplash是一個分享免費高品質照片的網站，照片解析度都挺大，而且都是真實的攝影師作品，圖片多是風景和靜物。

#五、字型類別網站

#有字庫，一個免下載字體，直接在線上引用字體的網站。

#PS字體庫，包含幾乎所有類型的字體，下載好安裝，PS就可以使用了。

六、工具類別

#http://tool.lu/

##一個在線工具網站，包含大量線上工具

#方便好用的UI設計工具集合

一個線上圖片壓縮工具，可以批次使用

各種前端類別工具與技術文章

以上是前端工程師必須知道的實用網站的詳細內容。更多資訊請關注PHP中文網其他相關文章！