WCAG 2.2

• https://colorable.jxnblk.com/ 挑選兩個顏色，檢查對比度以及預覽感覺

• https://www.learnui.design/tools/accessible-color-generator.html

• https://color.adobe.com/zh/create/color-contrast-analyzer

• WebAIM: Contrast Checker

• Colorblind Web Page Filter

WCAG 3

• APCA Contrast tools

• Does the contrast ratio actually predict the legibility of website text?

色盲

• https://www.color-blindness.com/coblis-color-blindness-simulator/

• https://nipponcolors.com/

探索、發想類

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

發想類

• https://www.grabient.com/

• https://webkul.github.io/coolhue/?2.0

• https://farbvelo.elastiq.ch/

• https://www.gradientmagic.com/ 附帶 Pattern

• https://webgradients.com/

工具類

• https://uigradients.com/ 可測試漸層配色好不好

• https://gradient.shapefactory.co/ 測試漸層角度，可輸出 CSS

• https://mycolor.space/gradient 測試漸層角度，可輸出 CSS

• https://www.colorzilla.com/gradient-editor/ 漸層可自定義階段，可輸出 CSS

• https://www.cssportal.com/css-gradient-generator/ 測試漸層，可輸出 CSS

• https://mybrandnewlogo.com/color-gradient-generator 測試漸層，可輸出 CSS

• https://www.css-gradient.com/ 測試漸層，可輸出 CSS

• https://www.conic.style/ 漸層產生器

• https://gradientor.app/ 圓形漸層中心點工具，可輸出 CSS