# 配色

### 探索、發想類

* <https://colorhunt.co/>
* <https://pigment.shapefactory.co/>
* <https://flatuicolors.com/>
* <https://colorsinspo.com/>
* <https://www.thedayscolor.com/#top>
* <https://www.webdesignrankings.com/resources/lolcolors/>

### 工具類

* <https://coolors.co/>\
  可隨機配色、更換顏色
* <https://colorbox.io/>\
  製作自己的色票
* <https://codyhouse.co/ds/globals/colors>\
  製作自己的色票，並且可以命名，以便搭配 CSS 變數名稱，\
  並製作顏色文件和複製 SCSS 或 CSS Variable 檔案
* <https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF>\
  挑選顏色，預覽顏色之間是否合適
* [https://leonardocolor.io/#](https://leonardocolor.io)\
  多樣工具，可製作文件、也有色盤檢視
* <https://picular.co/>\
  輸入文字，網站會給出對應文字代表顏色供挑選
* <https://0to255.com/>\
  製作同一顏色的階層，製作自己的色票
* <https://www.materialpalette.com/>\
  <https://m3.material.io/theme-builder>\
  如果是使用 Material Design，可以用此工具調配出主題色搭配
* <https://maketintsandshades.com/>\
  輸入色碼，快速產生依此色碼產生的深淺 0 - 100% 色票
* <https://colors.eva.design/>\
  直接做出 Primary, Success, Warning, Danger, Info, ...等完整色票
* <https://color.adobe.com/zh/create/color-wheel>\
  Adobe 色盤檢視、設計稿重新上色等工具
* <https://www.degraeve.com/color-palette/index.php>\
  擷取線上圖片裡的顏色
* <https://hue.tools/>\
  顏色混合
* <https://oklch.com/#100,0,0,100>\
  OKLCH 顏色測試
* <https://colormaker.org/>\
  無障礙顏色生成\
  論文：<https://arxiv.org/abs/2401.15032>

### AI 工具

* <https://www.khroma.co/>\
  挑選你喜歡的顏色，AI 會幫你產生
