本文要介紹的「Color Palette Generator」是一個很簡單的調色盤工具，也是很直覺、簡單易用的色彩生成器，每次按下空格鍵會給出五個顏色，實時預覽色塊，下方也會標示色碼，點選個別的顏色可以將色碼復制到剪貼簿，如果按下「C」則是一次復制這五個顏色色碼。

稍微測試了一下發(fā)現(xiàn) Color Palette Generator 顯示的顏色并非隨機，而是有共同色系、風格或是可以搭配使用的色彩組合，或許你不是非常滿意其中幾種顏色，也可以單獨點選、取得某幾個顏色色碼，這個簡單的工具可以幫助使用者獲得一些配色靈感。

Color Palette Generator

網(wǎng)站鏈接：https://palettegenerator.colorion.co/

使用教學

打開 Color Palette Generator 網(wǎng)站后會立即顯示五個顏色，按下空格鍵會再產(chǎn)生五個，如果喜歡這五個顏色組合，按下 C 就能將所有色碼復制到剪貼簿，看起來會像：

#EAEAEB,#41362C,#A79573,#A2C9C1,#9E8F7A

單獨點選某個顏色只會復制單一色碼，方便讓我們在不同的色彩間進行混搭組合。

值得一試的三個理由：

• 按下空格鍵就會隨機產(chǎn)生五個顏色
• 點選 C 可一次復制所有色碼，或是單獨點選色塊復制色碼
• 顏色間有所關連，可以搭配使用或協(xié)助找出配色靈感

圖片快拖助手

本文介紹的圖片快拖助手，可一鍵提取任意網(wǎng)頁上可看見的、不可看見的、各種格式的圖片，如webp、svg、jpg、png、gif。還可記錄所提取的網(wǎng)址來源、收藏、移除等進行素材管理。

△ 如卸載插件，保存的圖片數(shù)據(jù)則清空哦！

由于疫情影響，導致360應用市場、谷歌應用市場暫時無法提交擴展上架商店，目前僅僅只有Edge瀏覽器上架了這款插件，如果是其他瀏覽器的朋友可以直接在官網(wǎng)下載手動安裝。

• Edge商店在線安裝版：http://t.cn/A6ylN7VM
• 官網(wǎng)下載版：http://kt.jiuxihuan.net/zhushou.html
• 手動安裝教程：https://www.yuque.com/fudimo-qr4z8/kt/ablhi5

1. 如何使用？

當安裝圖片快拖助手插件后，打開任意網(wǎng)站 - 在頁面空白處 - 右鍵點擊菜單 - 選擇「提取網(wǎng)頁所有圖片」，即可看見一個彈窗界面把當前網(wǎng)頁所看見的和沒有看見的各種格式圖片，全部展示了出來，任君挑選。

頂部依次提供了「尺寸篩選、顯示透明背景、解除防外鏈限制、展示樣式」，接下來解釋下用法：

• 尺寸篩選：如輸入數(shù)值200，則只展示>=200的圖片。
• 透明背景：將以黑白格子的背景顯示，開啟這個開關的同時，網(wǎng)頁所有圖片均會以透明格子顯示，讓您快速分別哪個圖片是PNG。
• 解除限制：當拖曳圖片到PS插件面板，提示限制的時候，則需要開啟這個解除限制才能拖曳成功，但無法記錄圖片來源。
• 展示樣式：默認是整齊的樣式，另一種是實際大小形式，不用點擊查看大小，可以一眼目睹圖片原始大小，方便您挑選。

2. 如何挖「寶藏」？

溫馨提示：網(wǎng)頁素材僅供學習。

• 活動頁挖寶：如果做網(wǎng)頁設計的同學應該知道，你設計的網(wǎng)頁將會教給重構，重構會把你的設計稿大卸八塊最終成為了網(wǎng)頁。那么可以利用這個原理，通過這款插件，批量提取已大卸八塊的圖片，有PNG的、背景圖、gif等等，直接拖進PS使用。
• 矢量網(wǎng)站挖寶：類似 undraw.co/illustrations 這種矢量插畫網(wǎng)站，可以通過右鍵直接復制矢量圖片，粘貼到AI、Stetch、PS。
• 作品網(wǎng)站挖寶：可通過插件批量提取圖片。

3. 完美處理.svg圖片

.svg是一種矢量格式的圖片，在網(wǎng)頁中它會以兩者形式出現(xiàn)。一種是類似圖片一樣，有一個完整的svg圖片網(wǎng)址。另一種則是<svg>....</svg>代碼的形式出現(xiàn)。那么如果是代碼形式的SVG就無法輕易的右鍵下載。但您安裝這款插件后，在SVG矢量圖標上，右鍵復制該SVG，粘貼到AI、Stetch、PS。

4. 改造iconfont.cn網(wǎng)站

iconfont.cn是阿里巴巴旗下的很良心的、免費的圖標網(wǎng)站，我身邊的幾乎都在用這個網(wǎng)站處理圖標的需求，于是用著用著就發(fā)現(xiàn)一些可以優(yōu)化的地方，所以安裝這款插件后，在搜索圖標列表頁面，不用點擊圖標進入詳情，可以在列表頁直接復制圖標，粘貼到AI、Stetch、PS，不只省一步。

*有時候看不到直接復制按鈕，需要再次刷新頁面，后續(xù)會優(yōu)化這個BUG

• 支持安裝什么系統(tǒng)？Windows、MacOs雙系統(tǒng)
• 支持安裝于什么瀏覽器？Chrome、360、Edge、QQ、2345、UC、獵豹、Sogou等瀏覽器
• 在哪里下載「快拖助手」？* 360、谷歌應用商店陸續(xù)上架中...
• Edge商店在線安裝版：http://t.cn/A6ylN7VM
• 官方下載地址：http://kt.jiuxihuan.net/zhushou/

更多在線神器：