配色

探索、發想類

• 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://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 會幫你產生