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

Colorfavs

上傳圖像獲取配色方案

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

眾多漂亮配色方案

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

除了以上，還有很多細節的小功能，大家可以去體驗下哦！

快速生成占位圖片器

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

Placemat 是最近在網絡上發現的全新占位圖片服務，它的網站標語非常簡短「Pretty Nice Placeholders（漂亮的占位圖片）」。Placemat 為你的開發工作提供了漂亮占用圖，主要有三大圖片類型，包括人物、地點和事物，透過網址來調整變更，可直接插入圖片鏈結，用以產生特定大小和主題的測試圖，同時圖片上會顯示這個區域的尺寸，協助用戶辨識，相當方便實用。

Placem.at

STEP 1

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

STEP 2

下方的「Here’s how to use it」針對 Placemat 產生占位圖片鏈結提供詳細使用說明，最簡單的用法就是使用以下三個網址：

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

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

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

不同參數使用 & 符號來鏈接。

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

值得一試的三個理由：

1. 圖片來源為 Unsplash 圖庫，經由 Imgix 處理后產生
2. 可自定義任何圖片大小、隨機圖片、自定義文字和顏色以及覆蓋效果
3. 支持 HTTPS，可在 SSL 網站上測試使用