COLOR TASTE · 色彩品味訓練場
好配色不是選對顏色，
是分配對比例、拉對明度、忍住彩度。
這裡不檢測你的螢幕，也不幫你查色碼。這裡只做一件事：把同一個版面套上不同配色並排給你看，讓眼睛先分出高下，再把你早就看得出來的差異，翻譯成你講得出口的話。
同一份定價頁，兩種配色。不用讀字就知道要比什麼。
VALUE · 明度
先看見階，再看見色。
把畫面印成黑白還站得住，配色才站得住。明度負責結構——什麼在前、什麼在後、眼睛先落在哪。色相只負責氣質。順序反了，怎麼調都糊。
先做選擇，不要先看數字。
選完才揭曉你剛才依據的是什麼。
滑桿只是解釋工具
拉一下明度階距，看三種結果。這裡沒有及格綠燈——先用眼睛選，選完再看一句話為什麼。
NEUTRALS · 灰的溫度
整個介面九成是灰，你卻只花時間挑主色。
純灰（彩度 0）在螢幕上會顯得廉價又生硬。給灰一點色相——冷藍灰像器械、暖褐灰像紙與皮革——整個介面的質感就有了出處。
彩度只要 0.008–0.02。
多一點就從「有溫度」變成「髒」。
同一張儀表板，三種灰
灰不是沒有顏色，
—— 決定它，整個介面才有出處
RATIO · 60 / 30 / 10
強調色之所以強調，是因為它稀少。
六成中性底、三成主色承載、一成強調色點睛。比例不是規矩，是物理：面積一旦超過一成，強調色就從「指路」變成「吵架」，畫面上再也沒有第一眼。
下面的讀數是實測像素面積，四項加總 100%。
實測面積
把強調色的份量拉滿，看它幾秒鐘失效
CHROMA · 彩度克制
高級感的成本，是把彩度收回去。
新手把彩度開到最大以為叫「鮮明」，其實是把音量全部推到頂——每個聲部都在喊，聽不出旋律。收到 0.06–0.12，畫面立刻沉下來，那才是質感的來源。
同一個色相，只動彩度。
先選你想付錢的那一個。
彩度階梯
彩度是音量。
—— 克制不是保守，是把注意力留給該亮的那一處
MOOD · 情境氣質
同一套版面，四種身分。
高級沉穩、清新活潑、專業信賴、溫暖親切——差別不在挑了哪個顏色，而在明度落點、彩度上限、色相家族這三個數字的組合。看懂組合，你就能點菜。
選一組你偏好的，
結業頁會把它變成你的色票。
SYMPTOMS · 八種一眼可辨的病
先猜哪一邊比較好，再看它叫什麼名字。
每一列都是同一個版面的兩種處理。點你覺得比較好的那一張，答案與病名會一起出現。
BRIEF · 挑戰場
換你調。系統只講哪裡不對、怎麼改。
五個情境，各有各的規矩。沒有分數，只有四條會被行家當場指出來的問題——以及每一條的具體改法。改完可以叫出參考解，比對你和它差在哪。
面積讀數為實測像素，
加總 100%。
RESULT · 你的眼力側寫
不給你分數，給你三件可以帶走的東西。
命中率會隨你回頭重做而更新。
色票可直接複製 HEX。