網頁設計配色基礎-6個你絕對有用的色彩網站 - 可思科技

你選到尬意的顏色之後，網站則會提供第二個與它搭配的色彩，你一樣可以LIKE 或DISLIKE，依此類推直到完成你的色彩組合! 與上面幾個網站不一樣的是這組合是 ... 您想找什麼？ 成功案例 網站文章 搜尋 品牌理念 繁體中文 English 網站架設費用 品牌電商解決方案 企業形象官網 SEO關鍵字搜尋優化 客製化網站 解決方案 品牌電商解決方案 實體書電商 電子書平台 汽車百貨電商 線上報名系統 旅行社官網 專案管理系統 軟體開發 關於可思 架設流程 成功案例 可思分享 聯絡我們 首頁 可思分享 推薦網站工具 網頁設計配色基礎-6個你絕對有用的色彩網站 網頁設計配色基礎-6個你絕對有用的色彩網站 美術設計師WinniPeng 2020-04-27 內容大綱   對於設計師來說，作品擁有好的配色是基本條件。

但對於那些在色彩天份上不是天選之人的我們來說，收藏幾個好用的配色網站絕對使你如虎添翼! 以下我會列出6個我常用的色彩網站，以及簡述我為何常用他們的原因。

1. colordrop     一個很基本的配色網站，直接列出許多配色方案任你選擇。

類似的配色網站網路上可以搜到好幾種(ColorHunt、LOLColors)，你可以挑一個你較順眼的網站收藏即可。

      2.colorsupplyyy     從色相環的配色方法去做延伸(互補色配色、相鄰色配色、正三角形配色、等腰三角形配色、四方形配色) 你可以一開始就先決定作品要給人的感覺，例如互補色使人感覺活潑、澎湃…再去選擇你較中意的配色方案。

個人覺得好用的地方是他下面有四個小圖樣，會把你選的顏色套進去，可以讓你先預覽一下那組配色是不是你要的。

      3. palettable     這個網站有趣的是他的選顏色方式很像台灣某個昆蟲交友軟體XD 一進去網站會隨機提供給你一個顏色，你可以對他選擇LIKE或DISLIKE， 你選到尬意的顏色之後，網站則會提供第二個與它搭配的色彩，你一樣可以LIKE或DISLIKE，依此類推直到完成你的色彩組合! 與上面幾個網站不一樣的是這組合是你萬中選一的孩子們，對於色彩初學者來說，你可以體驗到配色的感覺，卻不會亂七八糟配出你不知道哪裡怪怪的垃圾色XD       4.FreshBackgroundGradients     有了這個網站再也不用擔心自己配不出好看的漸層! 裡面陳列了許多美炸的漸層顏色! 你可以複製色碼，也可以直接copyCSS，超級簡單超級好用!       5.ColorHex     對我來說這個網站像是”色彩字典”。

把一個色碼輸入進去，會得到有關該色碼的所有資料，例如RGB、HSL、CMYK等色彩模式的轉換，以及該色的互補色、相鄰色、對比色等。

他甚至有色盲模擬器，讓你知道該顏色在色盲眼中是什麼樣子的。

      6.Contrast-A色盲檢測網站     對殘疾人士友善是作為一個好網站的最低標準。

大家都知道網站的內文清晰易讀是基本，然而對健康的人來說雖然有些顏色很好分辨，對色盲以及色弱的人來說可能根本糊成一片! 只要你把背景色和文本色輸入進去，它會顯示出在色盲眼中，會看到什麼樣子的顏色。

雖然網站有很多訊息，但其實你只要看下方的AA、AAA區，只要它給你四個勾勾，就是沒問題的配色! 美術設計師WinniPeng 2020-05-26 3個免費下載Icon圖示的網站，在網站上加入Icon，設計質感輕鬆Get 內容大綱 製作網站、eDM或是簡報，常常需要Icon（圖示）的支援，讓整體更加精美，而這些Icon可以從哪裡獲得？ 以下推薦給你具備高質感的Icon網站，裡面有非常多免費的Icon可以使用，甚至PNG、PSD等多種格式喔！   FLATICON 在Fliters選擇Feee，就可以直接查看免費的Icon有哪些，支援PNG、SVG、EPS、PSD與BASE64，還可在下載之前先變換Icon顏色以及旋轉再儲存。

看到喜歡的Icon也能將它放到收藏清單中。

https://www.flaticon.com/   ICONFINDER 免費Icon也直接幫你建好一個分類篩選好了，只要到網站就可以看到。

圖樣豐富，支援PNG及SVG，也可將喜歡的直接加入收藏清單中。

https://www.iconfinder.com/     NounProject 基本下載，也就是免費下載，是沒有自定義功能（變換顏色、旋轉）的，僅能以黑色下載。

需要符合創用CC的規範標示原創者姓名。

https://thenounproject.com/   將這些網站儲存到書籤，日後就能夠在設計時，為你的作品增添一下質感囉！ 相關資訊 免費下載Icon圖示網站，在網站上加入Icon，設計質感輕鬆Get 其它資訊 網站架設後，怎麼讓網站被搜尋到? 第三方金流整合廠商介紹－紅陽、綠界、藍新（內附測試卡號） 如何在網站後台嵌入Youtube影片？ 如何提高網站速度？什麼是next-gen格式的圖片？ 建置購物車5個你該注意的問題 Prev 回上一層→ Next