內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略，在我們的食衣住行都有各式各樣的顏色伴隨著我們，正確運用顏色可以提升生活品質甚至是提高商業價值，Colors UI 是一個收錄多達1000個調色盤的配色網站，只要將滑鼠游標移到色塊上，就會顯示該色色碼，還可以取得 HEX、RGB、HSL 和 HSV 等色彩顯示格式，趕快跟著小編的腳步一起學習吧！
Colors UI 免費配色網站
https://colorsui.com/
Colors UI 是什麼
Colors UI 是一個收錄多達1000個調色盤的配色網站，每個調色盤由五種顏色組合而成，只要將滑鼠游標移到色塊上，就會顯示該色色碼，還可以取得 HEX、RGB、HSL 和 HSV 等色彩顯示格式，除了調色板外，也有純色版面、色調 / 陰影產生器以及顏色選色器等。
Colors UI 使用教學
點擊上方的網址就可以進入 Colors UI ，接下來就跟著小編一起學習，了解 Colors UI 吧！
第一步：Color Palettes 調色板，收錄多達1000個調色盤每個調色盤由五種顏色組合而成，按下「下載」鍵即可取得 HEX、RGB、HSL 和 HSV 等色彩顯示格式；按下「查看調色板」可以用「Adjust Color」依照原本顏色創造專屬調色盤。
第二步：Solid Colors 純色版面，收錄多達1000個純色，並附上每種顏色名稱做參考。
第三步：Tint And Shade Generator 色調 / 陰影產生器 ，收錄查詢色較淺及較深的顏色共18組組合，點選色塊即可複製 HEX 色碼。
第四步：Color Picker 顏色選色器，收錄查詢色單色更多資訊，並附上單色、三色、四色及相似色多種組合。
Animated icons 2.0 動態圖標Icon-提高你的網站豐富度！
https://www.design-hu.com.tw/wordpress/wordpress-tools/animated-icons.html
網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式
https://www.design-hu.com.tw/webmaster-tools/iconbros-elegantthemes.html
結語
Colors UI 提供多種顏色收錄的方式，如果你跟小編一樣對於顏色沒什麼感覺的話，就可以用 Colors UI 培養對顏色的美感，若你是從事設計的工作，相信這個網站也會是你事業上的助力喔！
那今天的教學就到這裡告一段落了，如果想了解最新網站知識，也可以到 鵠崙設計 官網看看，我們下次的教學見～
架站資源相關文章：
網站資訊文章推薦
通用 Google Analytics 即將停止服務，快來確認資源有沒有影響！
CTR、CPM、CPC、CPA是什麼？一次搞懂20個網路廣告用語！
行銷組合4P到4C？擬定行銷策略前必須了解的消費者觀點！
