共通設計理論教材 / Class LLL

同色異底與相鄰關係

先查色值，再描述外觀

左右中心保持同一組RGB、相同大小與位置，只改右底色。分開描述編碼是否改變和自己的外觀判斷，再縮小或換目的找出限制。

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

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

閱讀目標

把中心編碼與相鄰背景分開核對
一次只改背景色相或HSL L並描述自己的觀察
換輸出尺度與辨識目的後重新檢查

適用條件與學習範圍

兩個中心的色值相同，看起來有差別時，究竟是哪一種「不同」？

先知道色票數值和面積是不同條件；可補讀色彩屬性、關係與面積。

能核對兩中心編碼相同、指出只改哪個背景條件，分開寫數值與外觀描述，再以尺度或用途反例限制結論。

只比較原創sRGB編碼色樣，不能測出人眼差異、眼適應程度或跨裝置一致性；不把個人感受當錯覺測驗或必然結果。

原理與判斷

「同色」需要先說比較的是什麼。本頁的左右中心用同一組編碼RGB產生，位置與大小也相同；周圍的背景卻可以不同。你可能覺得兩中心的外觀不一樣，也可能沒有明顯差別。數值核對和外觀描述是不同工作，不需要為了符合示範預期而猜答案。 Albers基金會的教學介紹強調在具體情境中比較色彩，這支持觀察練習的方向，不等於本網站已完成感知實驗。本頁用原創幾何隔離背景變因，並列原生PNG與數值表，讓你先知道模型改了哪裡，再討論自己在目前條件下如何看。

中心不動，先只改一種背景條件

預設同色異底。左底固定H210／L60，右底可調H與L；兩中心共用同一RGB。先只把右底L由60降到10，再回60，其他控制不動。核對數值表中的相同中心，再描述外觀是否有差異。接著固定L只改右底H，分開記錄兩輪。HSL的L是編碼座標，不能當物理亮度或感知明度；把滑桿加大不代表感受也以同一比例改變。需要座標本身的完整區分，沿既有色彩屬性教材補讀。

三種陳述要分開

「兩中心RGB相同」是本模型可核對的設定；「我覺得右中心較暗」是你在目前條件下的觀察；「所有人的右中心都會較暗」則超出本頁證據。請把自己的描述保留下來，但不要用數值表替人眼感受評分。原生PNG的中心像素可檢查編碼是否改變，仍不是實體螢幕量測。瀏覽器、顯示設定與環境是另一層條件；不能把同一編碼擴大解釋成所有裝置的外觀相同。

縮小與改用途的反例

選輸出48×32，看原尺寸小樣，而非把它放大佔滿視窗。縮小後的邊界、中心占位和辨識條件不同；本頁縮小是編碼RGB面積平均，不模擬印刷油墨、觀看距離或真機像素密度。若用途是狀態辨識，再加入形狀標記，檢查能不能用文字／形狀分清，而非只討論哪個中心看起來更鮮明。同色異底的觀察不能代替必要資訊的可辨識性驗收，也不能推出某配色比較美。

把觀察帶回自己的素材

先固定一個代表色與輸出大小，分別置於兩個候選背景；記下哪個條件改變、哪個資訊必須保留。用自己的圖文內容再看，避免把這組橘色中心或數值當成通用配方。若換裝置或房間後感受不同，先補記條件，再沿觀看條件教材分清哪些尚未驗證。

步驟與觀察

核對共同中心
可直接讀說明而跳過色樣。要比較時，確認同色異底已選，展開更多參數查看原生左右樣本與相同中心RGB表格；不需凝視或等待倒數。
只改右底L
固定H，將右底L從60調到10再回60。指出背景的變動，另用自己的語句描述中心外觀；沒有差異也可以如實記錄。
再只改右底H
固定L，改右底H。與上一輪分開比較，不把兩種控制同時拖動後的結果只歸給其中一項。
用小樣與標記檢查反例
切48×32並加入形狀標記，以狀態辨識而非色感偏好為目的重查。說出這組觀察能支持什麼、不能保證什麼，再補讀觀看條件。

常見問題

數值一樣，就說外觀不可能不同

分開模型的編碼核對和目前的觀看描述。兩者回答不同問題，不用其中一個否定另一個。

感覺有差，就認定中心PNG一定被改色

先核對中心值和修改清單，再看背景、尺度、裝置與環境；外觀描述本身不證明檔案像素已改。

想調到指定錯覺才算學會

沒有標準的主觀感受答案。終點是能分開說明數值、觀察與條件，不是產生必然錯覺。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：同一編碼色樣的相鄰情境、觀看條件與色彩適應的證據界線；跨工具觀察，非校色或醫療檢測。來源狀態：已讀S04基金會教學介紹的情境練習段落，非Interaction of 顏色全書；另補讀CIE S017:2020 e-ILV的17-22-012／013完整公開詞條（發布2020-12），只支持術語範圍，非CIE015付費全文。ICC Display calibration已讀環境準備／儀器與描述檔／日光變動段落；不引用其數值作本站校準設定。條件紀錄與比較步驟為本站編輯方法，未報視覺研究統計。示意限制：重用原創ColorAreaHero／color-area-model／PNG與下載素材，不複製感知公式或原典圖版。只以initialMode=1配置開始及重設；原工具／QZ04預設仍0。左右中心同RGB、位置與大小，右底H／L可分開改；96／48是原編碼RGB面積平均示意，不是物理混色或顯示校準。原生軟體實測：沒有Ps／Ai／Figma或ICC引擎實測，沒有量測螢幕、環境光或印刷。瀏覽器編碼像素檢查不能當實體設備色差證據。學習成效驗證：沒有真人感知、適應狀態、色覺、眼動或學習成效資料；不預設必然看出差異，不要求定時凝視或製造殘像。

參考來源

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