【PS:前端學(xué)習(xí)交流的都可以來這個群：470593776按住群號即可復(fù)制)，歡迎初學(xué)和進(jìn)階中的小伙伴。】

　　一、配色類網(wǎng)站

　　https://colorhunt.co

　　這個網(wǎng)站給我們提供了很多的配色方案，我們直接使用就OK了。使用方法也很簡單，鼠標(biāo)移動到對應(yīng)的顏色上，我們就可以看到顏色的十六進(jìn)制碼，復(fù)制這個顏色到工具里就可以使用了。

　　

　　01.png

　　https://webgradients.com/

　　180種漸變方案供你選擇，還可以直接復(fù)制CSS樣式應(yīng)用到網(wǎng)頁中

　　

　　peise.png

　　https://color.adobe.com/zh/create/color-wheel

　　這個是Adobe公司出的，他提供了多種配色方案。我們點(diǎn)擊圓盤中間的點(diǎn)，就可以調(diào)整出我們想要的配色方案。

　　

　　02.png

　　https://www.colorhunter.com/

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

　　

　　03.png

　　https://www.bootcss.com/p/websafecolors/

　　這個網(wǎng)站是為WEB設(shè)計，開發(fā)中經(jīng)常用到的安全色。網(wǎng)站內(nèi)列出了顏色的十六進(jìn)制碼和RGB碼，復(fù)制粘貼就可以了。

　　

　　04.png

　　https://www.sioe.cn/yingyong/yanse-rgb-16/

　　這是一個在線RGB和十六進(jìn)制顏色碼轉(zhuǎn)換工具。在對應(yīng)的位置填入十六進(jìn)制代碼，點(diǎn)擊轉(zhuǎn)換，我們就可以獲取到RGB顏色的代碼了。

　　

　　05.png

　　二、圖標(biāo)類網(wǎng)站

　　https://www.iconfont.cn/plus

　　這是阿里巴巴旗下的圖標(biāo)庫網(wǎng)站，直接搜索關(guān)鍵詞就可以找到大批的圖標(biāo)。下載圖標(biāo)的時候我們還可以選擇顏色、大小、格式，根據(jù)自己的需要下載就好了。

　　

　　06.png

　　https://www.easyicon.net/iconsearch/ios/

　　這也是一個非常有名的圖標(biāo)庫，與上面那個不同的是，這里的圖標(biāo)不是單一顏色的，而是設(shè)計好的顏色。下載圖標(biāo)也很簡單，直接點(diǎn)擊對應(yīng)圖標(biāo)上面的格式就可以下載。

　　

　　07.png

　　https://www.thinkcmf.com/font/search.html

　　奧森圖標(biāo)（Font Awesome）提供豐富的矢量字體圖標(biāo)—通過CSS可以任意控制所有圖標(biāo)的大小 ，顏色，陰影。

　　

　　

　　08.png

　　三、插件類網(wǎng)站

　　https://www.jq22.com/

　　這個網(wǎng)站分享jQuery插件和提供各種jQuery特效的詳細(xì)使用方法,在線預(yù)覽,jQuery插件下載及教程

　　

　　10.png

　　https://www.htmleaf.com/

　　這個網(wǎng)站與上一個網(wǎng)站類似，也提供了大量的jQuery插件

　　

　　11.png

　　https://www.layui.com/

　　這是一個強(qiáng)大的模塊化前端框架

　　

　　12.png

　　

　　13.png

　　https://www.h-ui.net/index.shtml

　　H-ui前端框架，一個輕量級前端框架，簡單免費(fèi)，兼容性好，服務(wù)中國網(wǎng)站。

　　

　　H-ui.png

　　四、素材類網(wǎng)站

　　https://588ku.com/

　　千庫網(wǎng)，一個免費(fèi)下載圖片素材的網(wǎng)站

　　

　　14.png

　　https://unsplash.com/

　　Unsplash是一個分享免費(fèi)高質(zhì)量照片的網(wǎng)站，照片分辨率都挺大，而且都是真實的攝影師作品，圖片多是風(fēng)景和靜物。

　　

　　

　　5.jpg

　　五、字體類網(wǎng)站

　　https://www.youziku.com/onlinefont/index

　　有字庫，一個免下載字體，直接在線引用字體的網(wǎng)站。

　　

　　21.png

　　

　　20.png

　　https://www.psjia.com/pssc/fontxz/list_18_3.html

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

　　

　　22.png

　　六、工具類

　　https://tool.lu/

　　一個在線工具網(wǎng)站，包含大量在線工具

　　

　　gongju.png

　　https://www.xueui.cn/design/online-tools

　　方便好用的UI設(shè)計工具合集

　　

　　xui.png

　　https://tinypng.com/

　　一個在線圖片壓縮工具，可以批量使用

　　

　　yasuo.png

　　https://www.css88.com/

　　各種前端類工具和技術(shù)文章

　　

　　css88.png

　　今天就分享這么多吧！大家如果有什么好的工具或者是網(wǎng)站，可以留個言分享一下。咱們共同學(xué)習(xí)，一起進(jìn)步！

　　作者：IT青年

　　源自：https://www.jianshu.com/u/8281d3837b16

　　聲明：文章著作權(quán)歸作者所有，如有侵權(quán)，請聯(lián)系小編刪除。

-THE END-