配對目標顏色

每局十回合。調整色相、飽和度與亮度—沒有 hex 提示。依感知距離 (ΔE) 為每次猜測計分。

進度

第 1 回合 / 10

分數

0 pts

記憶

目標色

1/10

配對此顏色

在右側調整你的顏色,覺得接近時就提交。

你的選色

H200 S55 B70

1/10
200°
55%
70%

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. 1觀察目標 — 左側色塊顯示你要盡可能配對的顏色。
  2. 2調整 H、S、B — 右側預覽即時更新。H 是色相角度,S 是飽和度,B 是亮度感受。
  3. 3提交猜測 — 你會看到偏差多少以及該回合的分數。
  4. 4完成十回合 — 然後在結果畫面逐一比對每個目標色與你的選色。
  5. 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 = 1080 pts;ΔE = 2550 pts

為什麼 Toon Tone 使用滑桿 (HSB) 而不是輸入 hex 色碼?

Toon Tone 希望你用眼睛看顏色,像設計軟體一樣微調—更暖、更冷、更飽和、更柔和、更暗、更亮。在 Toon Tone 中,目標從不顯示 hex 色碼,所以挑戰保持視覺性,而非複製貼上。