Adobe Color

關於 Adobe Color

Adobe Color 的指定色輪網址目前呈現 Adobe Express 的配色產生器與色輪工具。頁面可從基準色、圖片或互動色輪開始建立色票，再選擇單色、互補、類似或三角等色彩關係，讓使用者一邊改變色彩，一邊觀察產生的配色組合，並可繼續調整個別色點。

官方操作說明也涵蓋從圖片擷取色彩、預覽色票與色覺模擬，以及以前景和背景色檢查文字對比。完成後可將色票存入資料庫，供後續創作使用；頁面另連到漸層擷取與色票探索等工具，適合用來比較配色方向並理解不同色彩關係的效果。

功能特色

主要功能

• 互動色輪：從基準色或色輪開始，拖曳色點並調整色票色調，立即比較配色。
• 色彩和諧規則：提供單色、互補、分裂互補、類似與三角等配色關係。
• 圖片擷取色票：上傳圖片並從畫面擷取顏色，作為自訂配色的起點。
• 色覺模擬：預覽色票在不同色覺條件下的呈現，檢視顏色的辨識狀況。
• 對比檢查：提供前景與背景色的對比檢查入口，說明一般文字與加強標準的對比值。
• 漸層與色票探索：提供圖片漸層擷取與既有色票探索入口，延伸尋找配色方向。
• 色票儲存：官方操作說明提供將完成色票存入資料庫、供後續創作使用的流程。
• 非生成式配色：色輪根據顏色關係產生組合，官方明確說明此功能不使用生成式人工智慧。

使用情境

• 給定品牌主色後，比較互補、類似與三角配色，整理不同色票方向。
• 設計文字與背景配色時，使用對比檢查入口檢視閱讀性的配色條件。

相似工具

• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站
• Google Fonts Knowledge — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。