今天為大家介紹設(shè)計(jì)導(dǎo)航最近收藏的優(yōu)秀在線配色工具：Colorfavs，主要用于上傳圖像并獲取圖像顏色，功能和 Pictaculous、Color hunter 配色工具類似，但小編覺得它的體驗(yàn)還是不錯(cuò)的，比如界面設(shè)計(jì)簡潔，可以瀏覽優(yōu)秀顏色搭配、收藏配色方案功能、拖拽上傳圖像抓取顏色配色等等，都是不錯(cuò)的功能。

Colorfavs

上傳圖像獲取配色方案

Colorfavs 工具界面簡潔，不需要教學(xué)就知道怎么用啦，如果要上傳圖像，直接拖動(dòng)到窗口 Upload 區(qū)域不能上傳，很方便哦！

眾多漂亮配色方案

匯聚眾多的漂亮配色方案，看到喜歡的可以點(diǎn)擊「Add to Collection」收藏它。

除了以上，還有很多細(xì)節(jié)的小功能，大家可以去體驗(yàn)下哦！

快速生成占位圖片器

如果你的工作是網(wǎng)站設(shè)計(jì)或前端開發(fā)，那么可能會(huì)需要用來填充版型、預(yù)覽效果的范例圖片和文字，文字可以使用假字假文產(chǎn)生器來建立，圖片部分則必須尋找占位圖片等服務(wù)，什么是占位圖片（Placeholders）呢？簡單來說，占位圖就是能依照你需要的長度、寬度來快速產(chǎn)生符合尺寸的特定圖片，填充目前仍空白的開發(fā)環(huán)境，為圖片占位符。

Placemat 是最近在網(wǎng)絡(luò)上發(fā)現(xiàn)的全新占位圖片服務(wù)，它的網(wǎng)站標(biāo)語非常簡短「Pretty Nice Placeholders（漂亮的占位圖片）」。Placemat 為你的開發(fā)工作提供了漂亮占用圖，主要有三大圖片類型，包括人物、地點(diǎn)和事物，透過網(wǎng)址來調(diào)整變更，可直接插入圖片鏈結(jié)，用以產(chǎn)生特定大小和主題的測試圖，同時(shí)圖片上會(huì)顯示這個(gè)區(qū)域的尺寸，協(xié)助用戶辨識(shí)，相當(dāng)方便實(shí)用。

Placem.atSTEP 1

開啟 Placemat 網(wǎng)站后，可以在網(wǎng)站上方看到一些 Placemat 產(chǎn)生的占位圖片范例，它產(chǎn)生的效果大致看起來就像這些圖片，能夠自由調(diào)整要產(chǎn)生的圖片尺寸，以及設(shè)定中間顯示的文字或覆蓋顏色（Overlays）。

STEP 2

下方的「Here’s how to use it」針對(duì) Placemat 產(chǎn)生占位圖片鏈結(jié)提供詳細(xì)使用說明，最簡單的用法就是使用以下三個(gè)網(wǎng)址：

https://placem.at/people https://placem.at/places https://placem.at/things

將它當(dāng)作圖片鏈結(jié)使用，每次打開都會(huì)有不一樣的圖案。在后面加上 ?w= 設(shè)定寬度、?h= 設(shè)定高度，例如我要產(chǎn)生一張 640×480 關(guān)于「人物」的占位圖片，可以把鏈結(jié)改成：

https://placem.at/people?w=640&h=480

不同參數(shù)使用 & 符號(hào)來鏈接。

另外，還有每次強(qiáng)制隨機(jī)圖片、自定義圖片文字、文字顏色和覆蓋顏色等參數(shù)，詳細(xì)說明可以直接前往 Placemat 網(wǎng)站瀏覽，在這里就不多做闡述。

值得一試的三個(gè)理由：

圖片來源為 Unsplash 圖庫，經(jīng)由 Imgix 處理后產(chǎn)生 可自定義任何圖片大小、隨機(jī)圖片、自定義文字和顏色以及覆蓋效果 支持 HTTPS，可在 SSL 網(wǎng)站上測試使用

以上就是在線色彩搭配工具Colorfavs和快速生成占位圖片器介紹，感興趣的朋友快快來嘗試吧！