---
# System prepended metadata

title: 顏色有關資源
tags: ["UI 直播班 - 2021 冬季班、金翅鐵爪鷲\U0001F531"]

---

---
tags: UI 直播班 - 2021 冬季班、金翅鐵爪鷲🔱
---

顏色有關資源
===

🔰 色彩明視度
---
### ◆ 網站工具
- [WebAIM](https://webaim.org/resources/contrastchecker/)
- [Contrast Ratio](https://contrast-ratio.com/)[target=_blank]
- [Hex Naw](https://hexnaw.com/)[target=_blank]
- [Color tool](https://colorable.jxnblk.com/)[target=_blank]
- [colorSafe](http://colorsafe.co/)[target=_blank]
- [X-Rite Color](https://www.xrite.com/hue-test)

### 更多無障礙檢測的工具參考→ [連結](https://hackmd.io/@ui2021eagle/By8jIiu_F/https%3A%2F%2Fhackmd.io%2F%40rosaku%2FryWXzMiOY)


🎨 配色
---
### ◆ 配色
- [BrandColors](https://brandcolors.net/)
- [Coolors.co - The super fast color schemes generator](https://coolors.co/)
  > 基於Web的配色方案產生器，可以用多種方便的格式匯出配色板，如PNG、PDF、SVG等。
- [Colors - Shopify Polaris](https://polaris.shopify.com/design/colors#navigation) 
- [探索 | 最受歡迎 - Adobe Color CC](https://color.adobe.com/zh/explore/?filter=most-popular&time=month)(需登入Adobe帳號)
  > 可以透過色盤或上傳影像，從圖片中擷取顏色，產生相關的配色方案。
- [Das Plankton | Contrast-A](http://www.dasplankton.de/portfolio-item/contrast-a/)(此內容需要 Adobe Flash Player 9)
  > 允許設計人員嘗試顏色組合，針對可用性方面，有幾個指標可以檢查該配色方案好不好。
- [畫師絕對不能沒有的23個配色利器](https://read01.com/zh-tw/3KR6o8.html#.YaXGCNBByUk)
- [Happy Hues](https://www.happyhues.co/palettes/15)
- [Color Tool - Material Design](https://material.io/resources/color/)
  > 除了配色板以外，還提供了一系列精心設計的應用程式介面，以測試配色板的可行性。
- [Flat Ui Colors](https://flatuicolors.com)
  > 有超過13種顏色的配色板，只需複製並粘貼所需的配色板，即可快速將其用於設計專案。
- [Color Picker](https://colorsupplyyy.com/app/)
  > 用戶可以逐個選擇顏色以創建所需的配色方案，並向使用者顯示不同的色盤，以便一次輕鬆選擇兩種、三種、甚至四種顏色
- [Color Hunt](https://colorhunt.co)
  > 是一個配色板的資料庫，可以透過條件篩選或搜索欄來找到合適的配色方案。
- [Canva配色板產生器](https://www.canva.com/colors/color-palette-generator/)
  > 可以通過簡單上傳圖像，選擇圖像中的顏色，為Web /應用程式設計創建最佳配色板。

### ◆ 漸層色
- [Fresh Background Gradients | WebGradients.com](https://webgradients.com/)
- [uiGradients - Beautiful colored gradients](https://uigradients.com/)
    >依據所選顏色產生CSS漸層背景色碼
- [CSS漸層生成器](http://www.colorzilla.com/gradient-editor/)


同場加映
---
- [Google 搜尋內建選色器及 HEX、RGB 色碼查詢轉換工具](https://free.com.tw/google-search-colour-converter/)

