
重點整理
Adobe Color 是 Adobe 的免費線上配色工具,不登入也能用色輪產生調色盤、從照片擷取顏色、檢查文字對比,並搜尋別人分享的配色。2026 年 10 月實測繁體中文版網址是 color.adobe.com/tw,頁面已併入 Adobe Express 品牌;原本的「趨勢」頁已取消,會轉到「探索」。要把調色盤存進資料庫才需要登入 Adobe 帳號。
設計網站、Logo 或社群圖片時,最難的往往不是挑一個好看的顏色,而是找到「放在一起也好看」的一組顏色。Adobe Color 用色彩理論幫你自動算出和諧的配色,也能從一張喜歡的照片直接取出色票,還會檢查文字跟背景的對比夠不夠。這篇用 2026 年的繁體中文介面,一步一步說明 Adobe Color 的四個主要功能,以及怎麼把配色用在網站上。
Adobe Color 是什麼?要付費嗎?
Adobe Color 是 Adobe 推出的線上配色網站,主要功能都免費,不用登入就能使用。頂端選單目前有「色彩」「工具」「探索」「資料庫」幾個項目,頁面左上角也標示 Adobe Express,代表它已經和 Adobe 的線上設計工具整合在一起。
要注意的是網址:舊的 color.adobe.com/zh/ 現在會轉到簡體中文版,想看繁體中文介面請改用 color.adobe.com/tw/。
功能一:用色輪產生和諧配色
打開「調色盤產生器和色輪工具」,畫面左邊是色輪,右邊是 5 個顏色的調色盤,每個色塊下方都有 HEX 色碼與複製按鈕。

- 選開始方式:色輪上方有「基本色」「影像」「色輪」三種,第一次用選「色輪」最直覺。
- 選色彩調和:色輪下方的圖示代表不同規則,例如類比色、單色、三原色、互補色、分割互補色,選了之後其他顏色會自動依規則排列。
- 拖曳色標微調:在色輪上拖動任一個圓點,其他顏色會跟著調整;不喜歡就按右上角的「隨機產生」。
- 複製色碼:點色塊右下角的複製圖示,就能把 HEX 色碼貼到設計軟體或 WordPress。
不知道選哪種調和時,可以這樣判斷:類比色(色輪上相鄰的顏色)溫和、穩定,適合企業官網;互補色(色輪上相對的顏色)對比強烈,適合需要醒目按鈕的活動頁;單色則是同一色相的深淺變化,最不容易出錯。
功能二:從照片擷取調色盤
品牌形象照、產品照本身就是很好的配色來源。在「工具」選「提取調色盤」,上傳照片(JPEG、JPG、PNG 或 WebP,40 MB 以內),或點頁面提供的範例照片試用。

擷取後照片上會出現 5 個取色圓點,右邊列出對應的顏色。左上角的「顏色氛圍」可以切換彩色、明亮、柔和、深沉、暗色等不同取色方向;也可以直接拖動照片上的圓點,換成自己想要的位置。同一區的「擷取顏色漸層」則是從照片取出一組漸層色。
依官方頁面說明,這兩個功能是依照片像素取色,沒有使用生成式 AI。
功能三:檢查文字與背景的對比
配色好看,文字卻看不清楚,是網站最常見的問題。「對比檢查器」依 WCAG 2.1 無障礙標準,計算前景色(文字)與背景色的對比率。

- 在「前景顏色」與「背景顏色」輸入色碼,或用滑桿調整。
- 看左上角的對比率,以及下方大型文字、小型文字、圖形介面三列是否「通過」AA 與 AAA。
- 沒通過時,切到「對比建議」頁籤,工具會建議調整後的顏色。
一般內文建議至少達到 AA(對比率 4.5:1)。同一區還有「色盲模擬器」,可以預覽紅色盲、綠色盲、藍色盲者看到的調色盤,確認重要資訊不是只靠顏色區分。
功能四:探索別人分享的配色
上方選單點「探索」,可以用顏色、心情或主題搜尋,例如輸入「夏季」「中性配色」,或點頁面上的熱門標籤。每組調色盤下方有「編輯」與「開啟」圖示,可以查看色碼,或以那組配色為基礎繼續調整。

舊版的「趨勢」頁面(依行業整理色彩趨勢)現在已經取消,網址會轉到「探索」。
需要登入的功能
產生、擷取、檢查、探索都不用登入。想把調色盤存起來,才需要用 Adobe 帳號登入,存進「資料庫」後可以在 Adobe Express、Photoshop、Illustrator 等 Adobe 工具裡直接取用。只是偶爾配色,把色碼複製下來另外記錄也可以。
常見問題
Adobe Color 免費嗎?
免費。色輪、從影像擷取、對比檢查、色盲模擬與探索都可以不登入使用;只有儲存調色盤到資料庫需要 Adobe 帳號(可以註冊免費帳號)。
Adobe Color 怎麼切換成繁體中文?
直接開 color.adobe.com/tw/ 開頭的網址,或在頁面最下方的「更改區域」切換地區語言。舊的 /zh/ 網址會轉到簡體中文版。
Adobe Color 跟其他配色網站有什麼不同?
多數配色網站是給你現成組合;Adobe Color 能依色彩理論「算」出配色、從照片取色,又內建對比與色盲檢查,比較像一個完整的配色工具。想要現成靈感,可以搭配 LOL Colors 與 NIPPON COLORS 或 ColorDrop。
結語
Adobe Color 適合從「零」開始配色:先用色輪或照片找出一組顏色,再用對比檢查器確認文字讀得清楚,最後到探索頁找找別人的靈感。整個流程不用登入、不用付費,做網站、簡報或社群圖片時都很實用。更多配色資源可以參考網站配色工具推薦。
