จับคู่สีเป้าหมาย
สิบรอบต่อเกม ปรับโทนสี ความอิ่มตัว และความสว่าง—ไม่มี hex โกง ให้คะแนนแต่ละครั้งตามระยะการรับรู้ (ΔE)
ความคืบหน้า
รอบ 1 / 10
คะแนน
0 pts
คะแนน
0 pts
สีเป้าหมาย
จับคู่สีนี้
ปรับสีทางขวา แล้วส่งเมื่อรู้สึกใกล้แล้ว
สีที่คุณเลือก
H200 S55 B70
เล่นเพิ่ม
ลองเกมสั้นๆ อื่น
การศึกษาสี toon
ตัวอย่างพาเลตสีการ์ตูน toon
ใน Toon Tone คำว่า toon หมายถึงการ์ตูน สำรวจระบบสี HSB ที่ได้แรงบันดาลใจจากไอคอนการ์ตูนชื่อดัง เพื่อศึกษาและฝึกสี
ฮีโร่สีหลัก
ได้แรงบันดาลใจจากการ์ตูน Superman คลาสสิก
ระบบแดง น้ำเงิน และเหลืองที่มั่นใจ ออกแบบให้จดจำได้ทันที
hsb(212 100% 72%)
hsb(358 88% 89%)
hsb(49 100% 100%)
hsb(48 6% 97%)
ความตัดกันของ Gotham
ได้แรงบันดาลใจจากการ์ตูน Batman คลาสสิก
โทนกลางคืนลึกพร้อมเหลืองสัญญาณคมชัด เพื่อความตื่นเต้นที่รุนแรง
hsb(221 56% 15%)
hsb(216 36% 29%)
hsb(44 73% 96%)
hsb(220 3% 92%)
ป็อปนักยิงใย
ได้แรงบันดาลใจจากการ์ตูน Spider-Man คลาสสิก
แดงและน้ำเงินสดใสสมดุลด้วยโทนเงาเหมือนหมึก
hsb(350 98% 85%)
hsb(224 87% 85%)
hsb(229 71% 15%)
hsb(210 2% 99%)
ตราสัญลักษณ์ Amazon
ได้แรงบันดาลใจจากการ์ตูน Wonder Woman คลาสสิก
แดง ทอง และน้ำเงินราชา พร้อมไฮไลต์กระดาษสะอาด
hsb(0 85% 73%)
hsb(42 66% 96%)
hsb(224 78% 54%)
hsb(48 16% 100%)
พลังงาน Gamma
ได้แรงบันดาลใจจากการ์ตูน Hulk คลาสสิก
เขียวและม่วงไฟฟ้าตัดกัน มีพลังแบบการ์ตูนหนักๆ
hsb(142 67% 87%)
hsb(143 78% 40%)
hsb(272 83% 81%)
hsb(242 64% 51%)
เปลือกทีม Mutant
ได้แรงบันดาลใจจากการ์ตูน Teenage Mutant Ninja Turtles คลาสสิก
โทนเปลือกเขียวผสมสีหน้ากากอิ่มตัว อ่านทีมได้เร็ว
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 แปลงทั้งสองสีไปยัง color space มาตรฐาน (CIELAB) ที่สอดคล้องกับการมองเห็นของมนุษย์มากกว่าพิกเซลบนหน้าจอ แล้วหาระยะทางเส้นตรงระหว่างกัน ใน Toon Tone ระยะทางนั้นคือสิ่งที่เราเรียกว่า ΔE ที่นี่
ใน Toon Tone, pts (คะแนน) คืออะไร?
ใน Toon Tone pts คือคะแนนเกม Toon Tone ของคุณในรูปตัวเลข แต่ละเทิร์นใน Toon Tone คุณได้สูงสุด 100 pts ตามความใกล้เคียง ตัวเลข Toon Tone ด้านบนคือ คะแนนรวมสะสม จากเทิร์นที่เล่นจบแล้ว เมื่อครบ 10 เทิร์นใน Toon Tone คะแนนรวมสูงสุดคือ 1,000 pts (100 × 10)
ใน Toon Tone คะแนน (pts) หนึ่งเทิร์นคำนวณอย่างไร?
ใน Toon Tone เมื่อกด ส่งคำตอบ Toon Tone เปรียบเทียบสีของคุณกับเป้าหมาย ได้ ΔE หนึ่งค่าสำหรับเทิร์นนั้น แล้วแปลง ΔE เป็น pts ด้วยกฎ Toon Tone นี้:
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 เลย ความท้าทายจึงเป็นเรื่องของสายตา ไม่ใช่ copy-paste