共通設計理論教材 / Class LLL

色相配色關係與限制

先產生可比較方向，再判斷它服務什麼

把色輪關係當作提出候選的方法，保留明暗、強度、面積及用途的檢查。指定同一色輪與控制條件，再用幾何與圖文校樣比較；互補或相鄰不保證和諧、辨識或所有觀眾喜歡。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 8 分鐘

開啟互動教材查看參考來源

閱讀目標

說明候選使用哪個色輪及參照色
隔離色相與明暗／強度／面積的改變
把配色名稱與用途驗證分開
用同色票換語義內容提出反例

適用條件與學習範圍

這組顏色被稱作互補或類似，只說明哪個關係？還缺哪些條件，才值得用在這份內容？

能指出想讓讀者認出的訊息；色相、明暗、強度可沿原色彩頁補讀。

能在明示HSL色輪上描述同色相／相鄰／對側三種候選，保持其他量比較，再提出一項與用途相關的檢查及反例，不把關係名稱當成功認證。

不提供全民和諧／情緒規則、顏料混色或色差量測；HSL角度不是感知均勻間隔。偏好研究只在原研究條件下解讀，不推本站讀者一定喜歡或完成任務更快。

原理與判斷

色輪能幫你提出一組有結構的起點，卻沒有替內容決定答案。Adobe的當代工具提供相鄰、對側等生成方向；Albers公開教學介紹則強調把顏色放回可控制的情境觀察。本站把兩者當作不同層次：先產生，再比較。若只因兩個色在對側，就稱它們適合文字、圖像或某群觀眾，便跳過明暗、面積、語義和輸出條件。這頁的終點是一份有理由的候選與仍需檢查的問題，不是背出唯一好看的配方。

先說是哪個色輪，不把名稱混成配方

此教具沿既有HSL數值色輪，基底色H210；同色相按鈕設強調H210，相鄰樣例H240，對側樣例H30。這裡的相鄰只示範差30°的一種提案，不是所有配色都應固定差30°。同色相仍可有不同S／L，因此也不代表兩色相同。繪畫RYB、RGB發光與印刷CMYK不能互換成同一混色配方。若你的目的換成混真顏料，這個螢幕角度例子不足以預測結果；先補媒介與材料條件，再做自己的試樣。

單變因比較：只改H，別偷換其他條件

先回屬性與面積模式，把面積、形狀、S和L固定，再依序按三個色相關係。每次記錄H與RGB，說明改了哪個值、哪些量保持。左窗口為既有固定參考；單變因判斷主要比較右窗口每次操作前後，不能忽略左右原本的差異。 HSL固定S／L仍不保感到相同的明暗或強度。若對側色沒有支持你的必要輪廓，不要用「它明明是互補」否定觀察；沿明暗或原色彩頁檢查，而不是把角度改成美感分數。

從色票到角色：同一組顏色可分配不同工作

先看補充的幾何角色A／B。A保持底色、支援與標記的位置；B可交換底色與標記，色票本身不新增。大面積放哪個色、哪個色留給局部訊息，已改變安排，所以不能只用同一張色票清單描述兩版完全一樣。上方原機構的面積滑桿改192×128幾何角色占用，補充幾何三區沿同一比例；這些值不是海報全文的量測。把可核對的條件分開，才知道下一步是在改色、分配面積，還是改資訊用途。

反例：幾何色塊成立，不代表資訊已清楚

保持目前色票與B角色，切活動資訊校樣。原來只是色塊的差異，現在承接活動名、時間和工作坊標記；同樣三色不會自動回答哪份訊息要先被找到。先以先認活動為目的，再改成先找時間，圖面保持不變，問題已不同。請描述哪一個區域支持或妨礙目前目的，並提出下一版只改哪項。若需要改善日期辨識，可能要調明暗、位置或字級；這個練習不會因用了對側色就宣布成功，也沒有量到你的讀取速度。

喜歡、和諧與能完成任務，分開記錄

S15研究在特定色樣及程序下比較成人與嬰兒反應，兩者不能直接相互套用；作者也提醒不能把嬰兒較久凝視直接等同喜歡。它沒有測本站工作坊資訊，不能替這份配色預測全部年齡、文化或品牌效果。可分三句記錄：我喜歡哪版；這版想支持什麼目的；仍需請什麼觀眾做什麼實際任務。喜歡是有效的個人描述，但不能代替必要資訊、成品尺寸或輸出條件的檢查。

步驟與觀察

固定比較條件
使用屬性與面積，記下S、L、面積與形狀。先明說這是HSL數值色輪，不是真顏料混色。
只換色相關係
依序按H210／240／30，核其他控制保持，描述右窗口的變化；角度只用來交代關係。
交換用途並換圖文
保持三色，交換B底色與標記，再切活動資訊。分別以認活動與找時間觀察，寫一個幾何色票不能回答的問題。
補讀後提出下一版
沿色彩角色或原色彩頁補讀，再返回／重載保留方案。只選一項改動，說明用途、代價與尚待驗證條件。

常見問題

用了對側色卻還是難分

關係名稱不保辨識；分開檢查明暗、必要輪廓、面積與內容。

同色相就說兩色相同

核S／L與RGB；同H只代表同一數值角度，不保相同色或感受。

喜歡就當所有觀眾都會完成任務

把偏好、目的與實際表現分開；研究的特定刺激不能替本站或全部觀眾背書。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：跨工具配色提案、用途與原創校樣觀察；不限定特定軟體、觀眾或輸出。來源狀態：實讀Albers基金會公開介紹的情境／隔離練習段，沒有逐頁取得全書。實讀S15原作者全文Methods／Results／General discussion（印頁917–922），只引用成人與嬰兒反應不宜相互套用及凝視不等於嬰兒喜歡的界線，不搬統計或推任務成效。Adobe當代入口為Express，關係名稱只作生成方向，不採其行銷文字當普遍和諧證據。示意限制：沿唯一ColorAreaHero／colorAreaModel的HSL、192像素角色面積及96／48真縮圖，沒有第二色彩引擎。補充原創幾何三區與夜間工作坊校樣A／B；同色票可交換底色／標記，目的切換不改畫面。海報版面固定，不把原幾何像素面積冒充海報量測。原生軟體實測：未原生Photoshop／Illustrator／Figma、螢幕校色或紙墨實測；資料字級與版面為本站校樣，不保印樣一致。學習成效驗證：未真人試用、眼動、偏好／可讀性或學習成效實驗。網站不打和諧分數，讀者描述及插旗不能代替成效證據。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。