配對目標顏色
每局十回合。調整色相、飽和度與亮度—沒有 hex 提示。依感知距離 (ΔE) 為每次猜測計分。
進度
第 1 回合 / 10
分數
0 pts
分數
0 pts
目標色
配對此顏色
在右側調整你的顏色,覺得接近時就提交。
你的選色
H200 S55 B70
Toon 色彩研究
Toon 漫畫配色範例調色盤
在 Toon Tone 中,toon 意指卡通。探索受世界知名漫畫圖標啟發的 HSB 色彩系統,用於視覺研究與色彩練習。
主色英雄
靈感來自經典超人漫畫
自信的紅、藍、黃配色系統,一眼就能辨識。
hsb(212 100% 72%)
hsb(358 88% 89%)
hsb(49 100% 100%)
hsb(48 6% 97%)
高譚對比
靈感來自經典蝙蝠俠漫畫
深邃的夜色中性色,搭配銳利的信號黃,戲劇張力十足。
hsb(221 56% 15%)
hsb(216 36% 29%)
hsb(44 73% 96%)
hsb(220 3% 92%)
蛛網流行
靈感來自經典蜘蛛人漫畫
明亮的紅藍原色,平衡墨水般的陰影色調。
hsb(350 98% 85%)
hsb(224 87% 85%)
hsb(229 71% 15%)
hsb(210 2% 99%)
亞馬遜徽章
靈感來自經典神力女超人漫畫
莊嚴的紅、金、藍點綴,搭配乾淨的羊皮紙高光。
hsb(0 85% 73%)
hsb(42 66% 96%)
hsb(224 78% 54%)
hsb(48 16% 100%)
伽瑪能量
靈感來自經典浩克漫畫
電光綠與紫色對比,充滿漫畫般的衝擊力。
hsb(142 67% 87%)
hsb(143 78% 40%)
hsb(272 83% 81%)
hsb(242 64% 51%)
突變龜隊殼色
靈感來自經典忍者龜漫畫
綠色龜殼色調遇上飽和的面具色,團隊辨識一目了然。
hsb(123 63% 49%)
hsb(89 63% 70%)
hsb(0 72% 94%)
hsb(25 91% 98%)
如何使用 Toon Tone
在 Toon Tone 中,一局遊戲為十回合。每回合將你的選色與秘密目標色比較—不顯示 hex 數值,請依靠你的眼力與 HSB 滑桿。
- 1觀察目標 — 左側色塊顯示你要盡可能配對的顏色。
- 2調整 H、S、B — 右側預覽即時更新。H 是色相角度,S 是飽和度,B 是亮度感受。
- 3提交猜測 — 你會看到偏差多少以及該回合的分數。
- 4完成十回合 — 然後在結果畫面逐一比對每個目標色與你的選色。
- 5隨時重新開始 — 使用「新遊戲」或「再玩一次」取得一組全新的隨機目標色。
Toon Tone 常見問題
在 Toon Tone 中,ΔE(delta E)簡單來說是什麼?
在 Toon Tone 中,提交後,ΔE 是一個數字,表示你的顏色與目標有多不同—就像距離分數。越低越好:小的 ΔE 表示兩色非常相近;大的 ΔE 表示差距很大。你不需要記住 Toon Tone 的尺度—只要知道 Toon Tone 用它來衡量你「差了多少」。
技術說明:Toon Tone 將兩種顏色轉換成標準色彩空間 (CIELAB),比原始螢幕像素更符合人眼感知,然後計算兩者之間的直線距離。在 Toon Tone 中,這個距離就是我們所稱的 ΔE。
在 Toon Tone 中,pts(分數)是什麼?
在 Toon Tone 中,pts 是 Toon Tone 遊戲分數的純數字。 在 Toon Tone 的每一回合,你可以依接近程度獲得最多 100 pts。頂部的 Toon Tone 數字是你已完成回合的累計總分。當 Toon Tone 的 10 回合全部完成,最高可能總分是 1,000 pts(100 × 10)。
在 Toon Tone 中,一回合的分數 (pts) 如何計算?
在 Toon Tone 中,當你按下 提交猜測,Toon Tone 會比較你的顏色與目標,取得該回合的 ΔE,再依此 Toon Tone 規則將 ΔE 轉換為 pts:
本回合 pts = round( max(0, 100 − 2 × ΔE) )
用白話來說:在 Toon Tone 中,偏差越大(ΔE 越大),pts 越少;近乎完美的 Toon Tone 配對(ΔE 接近 0)約為 100 pts。Toon Tone 分數不會低於 0。
Toon Tone 範例:ΔE ≈ 0 → 約 100 pts;ΔE = 10 → 80 pts;ΔE = 25 → 50 pts。
為什麼 Toon Tone 使用滑桿 (HSB) 而不是輸入 hex 色碼?
Toon Tone 希望你用眼睛看顏色,像設計軟體一樣微調—更暖、更冷、更飽和、更柔和、更暗、更亮。在 Toon Tone 中,目標從不顯示 hex 色碼,所以挑戰保持視覺性,而非複製貼上。