ฉันจะหาชุดสีที่เหมาะสมสำหรับผู้เล่น 10 คนได้อย่างไร


293

ฉันต้องการให้สีที่ไม่ซ้ำใครในการระบุผู้เล่น 10 คน มีชุดสีที่เหมาะสมสำหรับสิ่งนี้หรือไม่? ฉันจะสร้างได้อย่างไร

ทุกชุดที่ฉันคิดขึ้นมามีสีต่าง ๆ ที่คล้ายคลึงกันมากเกินไป

อัปเดต: ฉันถูกถามด้านล่างสิ่งนี้มีไว้สำหรับ (คำถามที่เป็นธรรม) ตอนนี้ฉันสามารถบอกคุณได้ - Windwardopolisและสีใช้งานได้ดี


2
แดง, น้ำเงิน, เขียว, ม่วง, น้ำตาล, ส้ม, เหลือง, ดำ, ขาวและเทา
Luis Estrada

12
พื้นหลังสีอะไร? หรือสีอื่นที่คุณมีในฉาก (เช่นสำหรับวัตถุที่เป็นกลาง)?
Ali1S232

นี่อาจเป็นความทะเยอทะยานที่มากกว่าที่คุณวางแผนไว้ แต่จะให้ทางเลือกแก่ผู้เล่นทุกประเภทในการปรับแต่งรูปลักษณ์ของตัวละครเพื่อให้แต่ละคนมีลักษณะเฉพาะเนื่องจากมีการผสมที่เป็นไปได้จำนวนมาก?
ฟิลิปป์

ในสายตาหลังฉันคิดว่าฉันจะถามว่าคุณเป็นสีอะไร? โซนบนแผนที่? เครื่องหมาย? รุ่นของผู้เล่นในเกม 3 มิติ?
Tim Holt

4
ฉันไม่คาดหวังว่าคำถามนี้จะมีคำตอบที่ดีว้าว
jhocking

คำตอบ:


337

คุณสามารถสร้างค่าเฉดสีที่เท่ากันในพื้นที่ HSV:

for (int i = 0; i < 10; i++)
    colors[i] = HSV(0.1 * i, 0.5, 1.0);

ลอง 1

อย่างไรก็ตามเป็นไปได้ว่าคุณจะไม่มีผู้เล่น 10 คนเสมอไป ในกรณีนี้พาเล็ตจะไม่มีประสิทธิภาพมากเว้นแต่คุณจะสร้างพาเล็ทใหม่สำหรับผู้เล่นอีกจำนวนหนึ่ง แต่บางคนเขียนขอแนะนำให้สร้างจานสีโดยใช้อัตราส่วนทองคำ, การใช้ประโยชน์ของทรัพย์สินที่เกิดจากการที่ทฤษฎีบท equidistribution :

for (int i = 0; i < 10; i++)
    colors[i] = HSV(fmod(i * 0.618033988749895, 1.0), 0.5, 1.0);

ลอง 2

ด้วยวิธีนี้แม้ว่าคุณจะหยุดที่ผู้เล่น 3 หรือ 4 หรือ 7 คนคุณจะได้รับการแพร่กระจายที่ดีมาก

ตัวเลขไร้เหตุผลจำนวนมากจะทำ แต่อัตราส่วนทองคำจะทำงานได้ดีที่สุด (ได้รับการพิสูจน์แล้ว )

สุดท้ายคุณสามารถใช้ลำดับการสร้างที่แตกต่างกันสองลำดับเพื่อปรับแต่งSหรือVเช่นกัน ยกตัวอย่างเช่น ( แก้ไข : ผมเพิ่มsqrtการเรียกร้องให้ดีขึ้นequidistribution ):

for (int i = 0; i < 10; i++)
    colors[i] = HSV(fmod(i * 0.618033988749895, 1.0),
                    0.5,
                    sqrt(1.0 - fmod(i * 0.618033988749895, 0.5)));

ลอง 3

อัปเดต : ผลลัพธ์ข้างต้นสามารถปรับปรุงได้โดยใช้เส้นโค้งการแก้ไขสำหรับH(คล้ายกับกราฟแกมม่าสำหรับส่วนประกอบ RGB) ที่คำนึงถึงระบบการมองเห็นของมนุษย์ นี่คือเส้นโค้งการแก้ไขเฉดสีที่ฉันคำนวณโดยใช้ตัวชี้วัด CIEDE2000 :

กราฟการแก้ไขเว้

ผลลัพธ์สำหรับค่าเฉดสีที่เท่ากันมีดังนี้:

ลอง 4

และสำหรับลำดับการสร้างอัตราส่วนทองคำ (โดยมีและไม่มีการปรับแต่งV):

ลอง 5 ลอง 6

ฉันจะเผยแพร่สูตรเส้นโค้งโดยประมาณเพื่อใช้ในโปรแกรมทันทีที่ฉันพบสิ่งที่ดีพอสมควร


11
คำตอบที่ดี! การเปลี่ยนค่าความอิ่มตัวอาจช่วยได้เช่นกันคุณไม่มีสีน้ำตาลอยู่ที่นี่ สีขาวหรือสีดำอาจเป็นไปได้ขึ้นอยู่กับลักษณะของแผนที่
bobobobo

21
สิ่งนี้ไม่ได้ทำให้ตาบอดสีในการพิจารณาที่ฉันเข้าใจ คำตอบที่น่าสนใจมากไม่มีน้อย
AlexanderBrevig

7
@AlexanderBrevig ไม่มันไม่ได้โชคไม่ดี มันไม่ได้พิจารณาความจริงที่ว่ามนุษย์ไม่เชื่อว่าจะรับรู้สีที่แตกต่างกัน ฉันกำลังคิดถึงเรื่องหลังและอาจอัพเดตคำตอบของฉันในภายหลัง ปัญหาตาบอดสีเป็นเรื่องที่ซับซ้อนมากขึ้นฉันกลัว
sam hocevar

25
คำตอบที่ดีที่สุดสำหรับตาบอดสีมันง่ายไม่ต้องพึ่งพาสี ผู้เล่นทุกคนควรมีภาพเงาที่เป็นเอกลักษณ์สำหรับนักแสดงที่เขาควบคุม และฉันหมายถึงเงาไม่ใช่สัญลักษณ์บางอย่าง เกมประเภท Match 3 ที่มากเกินไปทำให้เกิดความผิดพลาดโดยสิ้นเชิงและแม้กระทั่งสำหรับคนที่ไม่มีอาการตาบอดสีพวกเขาก็แค่เล่นยากและทำให้ปวดตามากเกินไป
Sean Middleditch

13
โปรดดูมนุษย์สีการรับรู้กราฟ คุณควรพล็อตจุดเท่ากันในพื้นที่ 2D นี้ การวางแผนระยะทางที่เท่ากันโดยสีสันคือการล้มเหลวในการรองรับการรับรู้ของมนุษย์แม้แต่น้อย
ErikE

172

สีสตาร์คราฟต์ 8 สี ได้แก่ :

แดง, น้ำเงิน, น้าน, ม่วง, ส้ม, น้ำตาล (เขียวในแผนที่ทะเลทราย), ขาว (เขียวบนแผนที่น้ำแข็ง), เหลือง

obv Blizzard เป็นอัจฉริยะ UI และได้ศึกษาปัญหานี้แล้ว

พวกเขาออกจาก Green เป็น swap-in สำหรับ Brown บนแผนที่ทะเลทรายดังนั้นในทางเทคนิคแล้วมี 9 รายการที่นั่น

12 Warcraft 3 สีคือ:

แดง, น้ำเงิน, น้ำเงินอมม่วง, ม่วง, เหลือง, ส้ม, เขียว, ชมพู, เทา, ฟ้าอ่อน, เขียวเข้ม, น้ำตาล

นี่คือลักษณะที่ปรากฏ:

ป้อนคำอธิบายรูปภาพที่นี่

อย่างที่คุณเห็นพวกมันค่อนข้างแตกต่างและแยกแยะได้ง่าย จริง ๆ แล้วสีเขียวเข้มนั้นง่ายต่อการแยกแยะจากน้านอาจเป็นเพราะดวงตาของมนุษย์สามารถแยกแยะสีเขียวได้ง่ายที่สุด หากคุณแน่ใจว่าผู้เล่นของคุณจะเป็นtetrachromats เพศหญิงคุณอาจเลือกสีใดก็ได้


3
ถ้าฉันสามารถเลือก 2 คำตอบฉันจะเลือกของคุณด้วย ขอขอบคุณ
David Thielen

11
การเป็น tetrachromat ช่วยแยกแยะความแตกต่างของสีในโลกแห่งความจริงเพราะวัตถุปกติมีสเปกตรัมที่ซับซ้อน อย่างไรก็ตามการเป็น tetrachromat จะไม่ช่วยเกมคอมพิวเตอร์เพราะจอภาพมีเพียงสามสี (สีแดงสีเขียวสีน้ำเงิน) เพื่อประโยชน์ของผู้ที่มีการกลายพันธุ์ในบทความจอใหม่ที่มีสี่สี (สีแดงสีเขียวสีน้ำเงินสีส้มสีส้ม) จะต้อง พื้นที่สี RGB ที่ จำกัด ยังหมายความว่าภาพถ่าย / วิดีโอทั้งหมดจะต้องดูไม่สมจริงเมื่อเทียบกับ tetrachromat
Joe

3
ผู้ที่มีอาการตาบอดสีบางส่วนเป็นปัญหาอีกอย่างหนึ่ง - ในหน้าจอ W3 ด้านบนสีชมพูและสีเทามีลักษณะเหมือนกันกับฉันจนกว่าฉันจะอ่านว่าอันไหนและมองใกล้ ๆ อีกครั้ง
f055

20
โปรแกรมเมอร์ที่ดีขโมย! สิ่งแรกที่ฉันจะได้ไปคือเกมผู้เล่นหลายคนที่ทันสมัยของ Blizzard เช่นกัน
Jeff Atwood

4
จริงๆแล้วฉันเป็นคนตาบอดสีบางส่วนดังนั้นสีต่อไปนี้จึงแยกแยะได้ยาก: สีส้มกับสีเขียว, สีชมพูกับสีเทา, สีเขียวเข้มและสีน้ำตาล
Archimedes Trajano

75

บางคนที่นี่แนะนำให้แบ่งพื้นที่สี HSV ที่ 10 ตำแหน่งเท่ากันในสี ในความคิดของฉันนี่ไม่ใช่ทางออกที่ดี สายตามนุษย์ไม่รับรู้ถึงความแตกต่างของสีในสเปกตรัม HSV ตัวอย่างเช่นสิ่งที่เราเรียกว่าส้มมีแถบเล็ก ๆ ของวงในขณะที่ชิ้น 25% ที่ดีอาจมีคุณสมบัติเป็นสีเขียว ดังนั้นจึงเริ่มต้นด้วยหลักฐานที่ไม่ดี ดูที่แถวแรกของสีในคำตอบนี้ สองกรีนนั้นแทบแยกไม่ออก

จำไว้ว่าผู้ใช้ของคุณจะต้องสื่อสารและอ้างอิงถึงสีต่างๆ ในแง่นี้ชุดรูปแบบ Starcraft / Warcraft เป็นผู้นำที่ดีในการติดตาม การเลือกตามรายการของสี Crayola ภาษาอังกฤษล้วนไม่ใช่ความคิดที่ไม่ดีเลยเพราะคุณจะพบกับสีที่คุ้นเคย จากนั้นปรับแต่งสีเหล่านั้นให้เป็นตัวหนาไม่ออกเสียงอะไรก็ตามที่ตรงกับสุนทรียศาสตร์ของคุณตราบใดที่ยังคงจดจำได้เช่นสีแดงสีส้มสีเหลืองสีเขียวสีฟ้าสีม่วงสีน้ำตาลสีเทาสีขาวสีดำ

แก้ไข: การเชื่อมต่อระหว่างภาษาและการรับรู้สีน่าสนใจมากฉันแค่อยากแชร์ลิงก์ที่น่าสนใจนี้:

Crayola-fication ของโลก: วิธีที่เราให้ชื่อสีและมันยุ่งกับสมองของเราเกี่ยวกับ Empirical Zeal


2
นั่นทำให้รู้สึกมากแน่นอน ในขณะที่เขียนคำตอบของฉันฉันได้วิจัยข้อมูลเพิ่มเติมเกี่ยวกับการรับรู้ความคมชัดสัมพัทธ์ของมนุษย์ แต่ไม่พบตัวเลขใด ๆ คุณมีลิงค์ใด ๆ หรือเปล่า?
sam hocevar

นี่คือโปรแกรมที่น่าสนใจเกี่ยวกับความสัมพันธ์ระหว่างภาษาและสี: dailymotion.com/video/…
Matt M.

คุณรู้หรือไม่ว่าแผนที่ไม่เชิงเส้นของค่าเฉดสีที่คำนึงถึงสิ่งนี้?
Anony-Mousse

1
สวัสดี @MattMontag เป็นเพียงความคิด: แทนที่จะอ้างถึง "คำตอบที่ได้รับคะแนนสูงสุด" ซึ่งสามารถเปลี่ยนแปลงได้ (แม้ว่าจะเป็นผู้นำที่กว้างอีกครั้ง ... ) มันคุ้มค่าที่จะเชื่อมโยงโดยตรงกับคำตอบที่สงสัย คำตอบที่ดี +1
แพลตตินัมสีฟ้า

3
@ Anony-Mousse: พื้นที่สีของห้องแล็บได้รับการออกแบบมาเพื่อคาดคะเนสายตามนุษย์ มันต้องการที่จะรับรู้ถึงความสม่ำเสมอ นำสีของแล็บที่มีความต้านทานเท่ากันและแมปลงใน HSV แล้วคุณจะเห็นการติดต่อ มันจะไม่เพียง แต่เป็นเชิงเส้นที่เกี่ยวกับฮิว
Janus Troelsen

29

ฉันคิดว่าฉันต้องแยก "สัญลักษณ์" นี้ออกเป็นคำตอบแยกต่างหาก

ย้อนกลับไปในวันนั้นฉันคิดว่าผู้คนต้องการธงและสิ่งของต่าง ๆ เพื่อระบุกองทัพในระยะไกลได้อย่างง่ายดายดังนั้นคุณจึงรู้ว่าจะโจมตีหรือป้องกัน (ในกรณีที่เป็นศัตรู) หรือโล่งใจ (ในกรณีของพันธมิตร)

ดังนั้นโดยบังเอิญนั่นคือสิ่งที่คุณพยายามทำ ระบุสิ่งที่อยู่ในระยะไกลได้อย่างง่ายดาย

คุณสามารถทำเช่นนั้นได้มีเพียงแค่สี แต่อาจจะเป็นวิธีที่ดีกว่าที่จะทำคือมีสีและสัญลักษณ์ การใช้ชุดค่าผสมของสีและสัญลักษณ์ จะช่วยให้ผู้ที่ตาบอดสีระบุสิ่งต่าง ๆ ดังที่หลายคนกล่าวไว้ข้างต้น

หากหน่วยมีขนาดใหญ่พอคุณสามารถใช้แขนเสื้อสี 2-4 สี

ป้อนคำอธิบายรูปภาพที่นี่

รูปแบบเป็นที่จดจำได้ง่ายไม่เพียงสี พื้นผิวที่ดีสามารถตราเสื้อแขนค่อนข้างใหญ่ที่หน้าอกหรือต้นแขนของแต่ละหน่วย

ในภาพด้านบนหมวกกันน็อกสำหรับหน่วยที่แตกต่างกันมีรูปทรงเรขาคณิตที่แตกต่างกันเช่นเดียวกับเครื่องราชอิสริยาภรณ์โล่

คุณอาจพบว่าแนวคิดภาษาญี่ปุ่นมอญที่น่าสนใจซึ่งเป็น "โลโก้" ที่ดูเรียบง่าย

ภาษาญี่ปุ่น

ตอนนี้คุณกำลังสร้างแบรนด์โดยใช้ "แบรนด์" ที่ทันสมัย StarCraft II ทำสิ่งนี้เล็กน้อยด้วย "decals"

ป้อนคำอธิบายรูปภาพที่นี่

แต่สิ่งเหล่านี้แทบจะมองไม่เห็นในเกม

ป้อนคำอธิบายรูปภาพที่นี่

และไม่ได้ใช้เพื่อระบุหน่วยให้มากที่สุดเท่าที่สีจะเป็น

ฉันจะดูธงด้วยเพื่อเป็นแรงบันดาลใจโดยเฉพาะอย่างยิ่งสิ่งที่ไม่ได้ใช้รูปแบบแบรนด์ 3 แถบ (ที่กลายเป็นความสับสนเล็กน้อย) พิจารณา:

  • วิตเซอร์แลนด์: ธงประจำชาติ Switzerland
  • Somolia: ธงชาติโซมาเลีย
  • เกาหลีใต้: ธงชาติเกาหลีใต้

ทั้งหมดนี้มีธงที่ดูเรียบง่าย แต่มีความโดดเด่น

ตรวจสอบสัญลักษณ์ที่รัฐบาลอเมริกันใช้เพื่อระบุเจ้าหน้าที่ป้องกัน เหล่านี้เป็นภาพขาวดำ (สามารถทำได้อย่างสมบูรณ์ในขาวดำ) ดังนั้นนี่อาจเป็นทางออกที่ยอดเยี่ยมที่จะไม่แยกคนตาบอดสี (โดยทั่วไปใช้สัญลักษณ์เพื่อระบุทีมแทนที่จะเป็นสี)

ป้อนคำอธิบายรูปภาพที่นี่

 


การรวมคำตอบนี้เป็นสองคำตอบทำให้ภาพบางส่วนเสียหาย
Marcks Thomas

เสื้อคลุมแขนเท่ ๆ แต่อิโมจิในรูปแบบการเล่นที่แท้จริงมันซับซ้อนเกินกว่าจะทำออกมาได้ อย่างน้อยไม่มีสีพื้นหลังหลัก
ดาวิดซี. บิชอป

3
คุณรู้ไหมมันคือ "โซมาเลีย" ไม่ใช่ "โซมาเลีย"
แพนด้า Pajama

21

ทำไมต้องคิดค้นล้อใหม่ แม้จะมีมาตรฐานสำหรับชุดสิบหกสีซึ่งคุณสามารถเลือกได้สิบสี นี่คือชุด ANSI http://en.wikipedia.org/wiki/ANSI_escape_code#Colors

ป้อนคำอธิบายรูปภาพที่นี่

สี ANSI นั้นมีการกระจายอย่างเท่าเทียมกันบนลูกบาศก์ RGB ซึ่งก็คือฉันคิดว่าเหมาะสำหรับปัญหานี้ดีกว่าพื้นที่ HSV

เมื่อนำจุดสูงสุดของลูกบาศก์ RGB คุณจะได้สีที่คุ้นเคยเช่นสีแดงสีฟ้าสีฟ้า ฯลฯ หลังจากจุดมุมแปดมุมคุณจะได้รับคะแนนทั้งหมดในระหว่างบนขอบ


2
จริง ๆ แล้วพิจารณาคนตาบอดสีนี่ค่อนข้างใกล้เคียงกับตาบอดสีถ้าคุณกำจัดบางสี
Archimedes Trajano

20

การสร้าง 10 สีที่แตกต่างนั้นเป็นเรื่องยาก นี่เป็นปัญหาที่พบได้บ่อยในการสร้างกราฟหรือแผนภูมิสำหรับค่าต่าง ๆ ซึ่งเป็นเหตุผลว่าทำไมพวกเขาจึงใช้สีและรูปร่างหรือสีและชุดรูปแบบแฮช

หากคุณต้องการแสดงเครื่องหมายคุณสามารถใช้ 4 สีพื้นฐาน (ตัวอย่างเช่นสีแดง, สีฟ้า, สีส้ม, สีดำ, สีดำ) และรูปทรงพื้นฐานสี่รูปแบบ (สี่เหลี่ยม, วงกลม, สามเหลี่ยม, เพชร) และรับ 16 เครื่องหมายที่แยกแยะได้ง่าย

หากคุณกำลังระบายสีในพื้นที่ใช้ความคิดเดียวกัน แต่รวมสีกับลวดลายฟักในเส้นสีดำหรือสีขาวแทนรูปร่าง

อีกสิ่งที่ควรพิจารณาคือไม่ใช้สีเป็นวิธีเดียวในการบอกด้าน การวางเมาส์เหนือพื้นที่สามารถเน้นได้และให้คำแนะนำเครื่องมือพร้อมชื่อผู้เล่นที่ระบุไว้อย่างชัดเจน หรืออาจจะมีรายชื่อของผู้เล่น 10 คนที่สามารถวางเมาส์เหนือและเมื่อผู้เล่นคนหนึ่งเลื่อนเมาส์ไปที่ชื่อผู้เล่นพื้นที่ทั้งหมดบนแผนที่สำหรับผู้เล่นนั้นจะปรากฏขึ้น

นอกจากนี้ในขณะที่เลือกสีควรคำนึงถึงการตาบอดสีด้วย ตัวอย่างเช่นสีเขียวและสีแดงอาจไม่สามารถแยกแยะได้ ลองดูที่http://jfly.iam.u-tokyo.ac.jp/color/#selectสำหรับชุดของสีที่แนะนำซึ่งจะไม่เป็นปัญหาสำหรับบุคคลที่ตาบอดสี ทรัพยากรเพิ่มเติมคือhttp://www.usability.gov/articles/newsletter/pubs/022010new.html#ColorsthatWorktheBest


4
+1 สำหรับรูปแบบการกล่าวถึงและตาบอดสี! ผู้พัฒนาเกมไม่เพียงพอที่จะคิดถึงปัญหานี้
เทรเวอร์พาวเวล

7

แม้ว่าคุณจะได้สีที่แตกต่างกัน 10 สีที่สามารถแยกแยะได้ง่ายโดยบุคคลหนึ่งบุคคลอื่นอาจยังคงมองว่าชุดนี้ยากที่จะแยกแยะ

พิจารณาการ จำกัด ตัวเองให้น้อยลงของสีและการเพิ่มคุณลักษณะที่แตกต่างเช่นแถบสีดำ สำหรับชุดของสีก็อาจจะดีที่สุดไม่ให้หลงทางไกลจากสิ่งที่คนส่วนใหญ่สามารถแยกความแตกต่างได้อย่างง่ายดาย: ROYGBIV ROIGBIV แบบแถบ / ไม่มีแถบง่ายช่วยให้คุณระบุชิ้นส่วนของเกมได้ 14 ชิ้น

คุณไม่จำเป็นต้อง จำกัด แถบสีดำด้วย พิจารณาวิธีแก้ปัญหาต่อไปนี้สำหรับการเดินสาย 25 คู่ (ซึ่งอาจเป็นลายได้ง่ายกว่าคู่): http://en.wikipedia.org/wiki/25-pair_color_code


พูดถึงคุณสมบัติที่แตกต่างผมแนะนำให้คุณลองดูเกม Bomberman สำหรับ Sega Saturn 10 ผู้เล่น 10 คนในปี 1993 i.imgur.com/mCVmk.png
Archimedes Trajano

ปล่อย 'I' เนื่องจากมักจะแยกแยะได้ยากระหว่าง B <- I และ I -> V. คุณยังมีรหัสสี 12 สี
ocodo

อาจเป็นจริงได้ว่า 'ฉัน' เป็นการยากที่จะแยกแยะ อย่างไรก็ตามฉันสงสัยว่าจะสามารถหา 'B' ที่เบากว่าและมืดกว่า 'I' เพื่อให้มันทำงานได้กับ 7 (14 มีลายเส้น) ประเด็นหลักเกี่ยวกับการเพิ่มแถบหรือคุณลักษณะอื่นที่โดดเด่นคือ
คริสโตเฟอร์

4

แค่อยากจะอ้างอิงถึง Tableau-10 palette ที่พัฒนาขึ้นมาเพื่อความแตกต่างสูงและอธิบายไว้ในบทความนี้:

http://vis.stanford.edu/files/2012-ColorNameModels-CHI.pdf

"พาเล็ท Tableau-10 มอบความละเอียดของสีที่ดีที่สุดและการซ้อนทับชื่อน้อยที่สุด"


3

เบรนท์เบอร์ลินและพอลเคย์แสดงให้เห็นว่าพื้นที่สีสามารถแบ่งออกเป็นสีพื้นฐานเพียงไม่กี่สี แต่ขึ้นอยู่กับวัฒนธรรมของคุณในการตั้งชื่อให้สีทำให้เห็นความแตกต่างได้มากขึ้น

ในภาษาอังกฤษมี 11 สีพื้นฐาน: ขาว, ดำ, แดง, เขียว, เหลือง, น้ำเงิน, น้ำตาล, ม่วง, ชมพู, ส้มและเทา

ฉันไม่ชอบความคิดในการเลือกเฉดสีรอบล้อด้วยเหตุผลเดียวกับที่ Matt Montag ระบุ


+1 นี่เป็นเรื่องจริง มีอคติทางวัฒนธรรม แต่ยังมีศาสตร์แห่งสีและคลื่นฮาร์มอนิกส์ไม่สามารถปฏิเสธได้เว้นแต่ว่าอุปกรณ์ทางประสาทสัมผัสนั้นผิดปกติ (เช่นตาบอดสี)
วิศวกร

จากกระดาษมีลิงค์ไปยังแอพออนไลน์เรียบร้อย: kuler.adobe.com
bobobobo

3

ทำได้มากกว่าแค่สี - มีการแสดงภาพที่เพิ่มให้กับตำนานสไตล์ศิลปะและการแสดงสี

ตัวอย่างเช่น Legend of Five Five ใช้วิธีที่ไม่น่าเชื่อในการแยกความแตกต่างระหว่าง "ชุดสี"

หนึ่งในตัวอย่างที่สวยที่สุดที่จะสอนจาก จดบันทึกหลายร้อยวิธีที่พวกเขาแยกแยะระหว่างเผ่า มันไม่ได้เป็นเพียงสีหลัก แต่เป็นสีรองและแม้แต่ในระดับอุดมศึกษาเช่นกัน สีจะรวมอยู่ในทรงผมประเภทของการสวมใส่ประเภทของตัวละครสัญลักษณ์ที่แนบมา, ธง, แบนเนอร์, ธงขนาดเล็กที่ด้านหลังบุคลิก

สิ่งที่ยิ่งใหญ่ที่สุดที่ฉันจะได้รับจากนี้คือการผสมผสานของหลายสี มันไม่ง่ายเลย: น้ำเงิน, แดง, ม่วง, น้ำตาล, เหลือง, เขียว, นกเป็ดน้ำ

มันเป็นการผสมผสานของสองสีโดยทั้งสองอย่างเด่นชัดมาก สิ่งนี้สามารถอนุญาตให้มีจำนวนผู้เล่นเพิ่มขึ้นเป็นจำนวนมาก

แต่ละกลุ่มจะมีทั้งสีหลักและชุดสีรอง

"ปูถูกระบุว่าส่วนใหญ่มีสีน้ำเงินเทาบวกสีดำสีแดงและสีน้ำตาล"

มันสวยงามเพราะไม่ว่าคน ๆ นั้นจะดูเป็นอย่างไร (ใหญ่, อ่อนแอ, ซามูไร, พ่อมด, ชาวนา) คุณสามารถบอกได้ว่าพวกเขามาจากเผ่าใด มันไม่ใช่แค่ "สีแดง" สำหรับแมงป่อง แต่เป็นเลือดสีแดงเข้มและสีดำ ขณะที่ฟีนิกซ์มีสีซ่าน: แดงส้มเหลือง

คุณจะไม่มีทางสับสนกับแมงป่องกับฟีนิกซ์แม้ว่าสีของพวกเขาจะคล้ายกันและพวกเขาก็ใช้สีแดงจำนวนมาก


3

ลองผสมสีนี้: w3schools.com HTML ผสมสี

นี่คือสิ่งที่ฉันจะทำ: เลือกสีสำหรับตัวเลือกแรก จากนั้นเลือกหนึ่งสำหรับตัวเลือกที่ 2 เพื่อให้สีที่ 2 อยู่ในตำแหน่งตรงข้ามที่แน่นอนโดยคำนึงถึงสีแรก ดังนั้นสีที่ตำแหน่ง: แถวที่ 1, เซลล์ 1 จะมีสิ่งที่ตรงกันข้าม: แถวสุดท้าย, เซลล์สุดท้าย

ด้วยวิธีนี้คุณจะได้ 2 สีที่แตกต่างกันอย่างมากในการผสมผสานของทุกครั้ง ทำซ้ำ 5 ครั้งโดยเลือกสีที่อยู่ห่างจากตัวเลือกสุดท้ายเสมอ


2
ฉันลองแล้ว ผมพบว่ามันเป็นเรื่องง่ายที่จะเพียงแค่เลือกสีระยะห่างออกจากกันเช่นนี้ ทำได้ดี.
MichaelHouse

1

คำถามนี้มีคำตอบมากมาย แต่ฉันต้องการสัมผัสการเข้าถึงได้ง่ายขึ้น

ถ้าฉันอยู่ในสถานการณ์ของคุณ (จำเป็นต้องเลือกสีสำหรับสิ่งต่าง ๆ ในเกมที่ต้องมีการรับรู้ที่แตกต่างจากผู้เล่นทุกคนที่เกี่ยวข้อง) ความกังวลหลักของฉันจะไม่เพียงรองรับผู้เล่นที่ตาบอดสี แต่ยังผู้เล่นที่มี การมองเห็นต่ำ

ทางออกเดียวที่จะแก้ไขปัญหานี้เท่าที่ผมทราบคือค่าความคมชัด บางคนสามารถเห็นเป็นขาวดำเท่านั้น (ที่มา: เพื่อนจากเรื่องราวของวิทยาลัยศิลปะเกี่ยวกับการเรียนวิชาทฤษฎีสีในขณะที่ไม่สามารถรับรู้สีใด ๆ เลยเนื่องจากการผ่าตัดด้วยเลเซอร์ที่ล้มเหลว) บางคนมองเห็นต่ำหรือตาบอด / ถูกกฎหมาย คุณต้องเฉดสีที่แตกต่างของสีเทาเป็นจุดเริ่มต้นเพื่อให้สีที่คุณทำเลือกดูได้และแตกต่างกันสำหรับทุกคน

เพื่อให้บรรลุทั้งหมดนี้และมีสีที่ดูดีโปรดพิจารณาภาพนี้ที่ได้จากการไล่ระดับสีรุ้งแนวนอนในโหมดการผสมสีที่ด้านบนของการไล่ระดับสีดำเป็นสีขาวในแนวตั้ง (ลองด้วยตัวเองอาจเป็นสีที่กำหนดเอง การไล่ระดับสีอื่นที่ไม่ใช่สายรุ้ง!):

ขั้นตอนในการสร้างภาพนี้ใหม่ตามที่อธิบายไว้ข้างต้น

จากมืดถึงสว่าง: ดำ, น้ำเงิน, แดง, ม่วงแดง, เขียว, ฟ้า, เหลือง, ขาว

คุณเห็นซิกแซกจาง ๆ ของ "สีที่บริสุทธิ์" หรือไม่? นั่นคือมูลค่าตามธรรมชาติของสีที่แสดง แม้เมื่อใช้สีที่บริสุทธิ์สีน้ำเงินก็ยังมืดและสีเหลืองก็เบาที่สุด ใช้ประโยชน์จากข้อมูลนี้เพื่อเลือกสีที่ทั้งสองพอดีกับความต้องการที่คุ้มค่าสำหรับนักเล่นเกมผู้ที่มีวิสัยทัศน์บอดสีและ / หรือต่ำและเป็นที่ชื่นชอบความสุนทรีย์ให้กับผู้ที่สามารถรับรู้พระบาทสมเด็จพระเจ้าอยู่หัวทรงเต็มรูปแบบของเฉดสีที่คุณเลือก

หวังว่านี่จะช่วยได้! : -)



ป.ล. ฉันต้องการให้แน่ใจว่าคุณได้เห็นความคิดเห็นนี้เช่นกัน!

คำตอบที่ดีที่สุดสำหรับตาบอดสีมันง่ายไม่ต้องพึ่งพาสี ผู้เล่นทุกคนควรมีภาพเงาที่เป็นเอกลักษณ์สำหรับนักแสดงที่เขาควบคุม และฉันหมายถึงเงาไม่ใช่สัญลักษณ์บางอย่าง เกมประเภท Match 3 ที่มากเกินไปทำให้เกิดความผิดพลาดโดยสิ้นเชิงและแม้กระทั่งสำหรับคนที่ไม่มีอาการตาบอดสีพวกเขาก็แค่เล่นยากและทำให้ปวดตามากเกินไป - Sean Middleditch 30 ธ.ค. 55 ที่ 5:08


0

วิธีที่จะทำให้แน่ใจว่าชุดที่เหมาะสมที่สุดในแง่ของสีที่แตกต่างสำหรับจำนวนตัวแปรของผู้เล่น (โดยไม่คำนึงถึงสีตาบอด) จะต้องเลือกจากโมเดลสีHSL (Hue, Saturation และ Lightness)

คุณเลือกความสว่างและความอิ่มตัวคงที่ขึ้นอยู่กับตัวเลือกของคุณ จากนั้นคุณเปลี่ยนเฉดสีด้วย360 / playerCountเช่นในรหัสหลอกต่อไปนี้:

saturation = 200;
lightness = 128;
hueDelta = 360 / PLAYER_COUNT;

for (int i = 0; i < PLAYER_COUNT; i++)
    color[i] = Color.FromHSL(hueDelta * i, saturation, lightness);

0

ฉันต้องการนำเสนอชุดรูปแบบสีทางเลือก:

16 สี

นี่คือสี RGB (ลำดับเดียวกัน) ที่มีชื่อที่แนะนำ:

#eeeeee - white
#efef00 - yellow
#00e1da - cyan
#bfbf00 - olive
#12c055 - light green
#e21e80 - pink
#777777 - gray
#c10008 - red
#8900ae - light purple
#7c3900 - light brown
#0029b9 - blue
#400086 - dark purple
#4b1c00 - dark brown
#003004 - dark green
#07004b - dark blue
#111111 - black

หมายเหตุ: ฉันไม่ได้ใช้ขาวดำบริสุทธิ์คิดว่าบางทีพวกเขาอาจใช้เป็นพื้นหลังหรือโครงร่าง

Metodology: เลือก 12 สีบนใบหน้าที่เต็มไปด้วยความอิ่มตัวของลูกบาศก์สี (คิดว่าฉันจะมีความสุขกับ 12), แยกดวงตาของพวกเขาแล้วใช้เครื่องมือในการจำลองการตาบอดสี - เริ่ม tweeking หลังจากนั้นฉันเพิ่มสีขาวใกล้, สีดำใกล้และแอบสีเทาเพราะฉันทำได้ นั่นให้ฉัน 15 สี ฉันต้องการ 16 สีเพราะมันเป็นพลังของ 2 และฉันก็สามารถทำให้สิ่งต่าง ๆ ง่ายขึ้นสำหรับนักพัฒนา ในที่สุดฉันก็พบวิธีที่จะเพิ่มสีที่ 16 ฉันต้องย้ายคนอื่น ๆ เพื่อที่ จากนั้น ... ตรวจสอบอีกครั้งด้วยเครื่องมือจำลองการตาบอดสีแก้ไขและทำซ้ำ

นี่คือกรณีตาบอดสีที่แตกต่างกัน:

ปกติ: 16 สี

Protanopia: Protanopia

Deuteranopia: Deuteranopia

Tritanopia: Tritanopia

Protanomaly: Protanomaly

deuteranomaly: deuteranomaly

Tritanomaly: Tritanomaly

Achromatopsia: Achromatopsia

Achromatomaly: Achromatomaly


หลังจากเล่นด้วยเครื่องมือการจำลองการตาบอดสีในขณะที่ฉันต้องพูดความคมชัดเป็นสิ่งสำคัญยิ่ง

ลองพิจารณาตัวอย่างพิจารณาสีที่ 5 (สีเขียวอ่อน), 7 (สีเทา) และสีที่ 9 (สีม่วงอ่อน) ดูคล้ายกันในบางกรณีโดยเฉพาะในขนาดที่เล็กและคั่นด้วยสีอื่น อย่างไรก็ตามวางไว้ข้าง ๆ และคุณสามารถบอกพวกเขาออกจากกัน เพิ่มพื้นที่ที่ครอบคลุมในสีและคุณสามารถแยกออกจากกันได้ง่ายขึ้น ดังนั้น ... การออกแบบสำหรับการปิดตาสีไม่ใช่เพียงการเลือกสี

ในบันทึกย่อนั้น ... หากคุณเลือกการรวมกันของสองสีแทนสีใดสีหนึ่งเพื่อเป็นตัวแทนของฝ่ายพวกนี้จะไปไกล

สีเหล่านี้ถูกเลือกโดยวิธีเชิงประจักษ์ ฉันสังเกตเห็นว่าจุดสำคัญมากคือการทำให้แน่ใจว่าพวกเขามีความสว่างที่แตกต่างกันทั้งหมด ฉันยังสังเกตเห็นว่า "สี" ส่วนใหญ่ปรากฏขึ้นสองครั้ง (มีสองสีเขียว, สองสีม่วง, สองสีน้ำตาล, ฯลฯ ... ) อันที่จริงสีที่ 4 (มะกอก) เป็นสีสุดท้ายที่ฉันเพิ่มเข้าไปและฉันคิดว่ามันจะเป็นสีเหลืองเหมือนเพราะไม่มีอะไรที่เหมือนสีเหลือง ฉันคิดว่าอาจเป็นพื้นฐานสำหรับวิธีการที่เป็นระบบมากขึ้นในการเลือกสี

ในการหวนกลับฉันอาจทำให้สีเหลืองที่สอง (มะกอก) เข้มขึ้นและใช้จุดสว่างนั้นสีชมพู (ดูสีที่ 7) ทำไม? เพราะมันจะช่วยให้คุณเล่นกับเงาได้มากขึ้น เอิร์น ... มันดีพอและการถ่ายภาพทั้งหมดเป็นเรื่องยุ่งยาก

ภาคผนวก : บางสิ่งที่ฉันไม่ได้พิจารณาก็คือสีของหน้าจอ LCD จะแตกต่างกันอย่างไรถ้าคุณมองออกนอกช่วงมุมที่ต้องการ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.