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


83

ฉันต้องการชุดใหญ่ (20 และมากกว่า) ของสีที่ตัดกันและแตกต่างทางสายตาได้ง่ายสำหรับการทำชุดข้อมูลที่แตกต่างกันในโครงเรื่องทางวิทยาศาสตร์ (ชุดของสีไม่ควรมีสีขาวหรือสีดำและสีควรสว่างที่สุด

พล็อตถูกสร้างโดยทางโปรแกรมและตั้งใจที่จะรวมอยู่ในงานนำเสนอซึ่งจะแสดงโดยใช้โปรเจ็กเตอร์

มีชุดสีสำเร็จรูปสำหรับงานดังกล่าวหรือไม่ (ฉันต้องการสีเป็นชุดของค่า RGB)

หรืออาจจะมีอัลกอริธึมบางอย่างที่สร้างชุดสีดังกล่าวโดยทางโปรแกรม (ฉันใช้Wolfram Mathematicaสำหรับการสร้างพล็อต)?

PS พล็อตตัวเองอาจมีลักษณะเช่นเดียวกับที่นี้:

ภาพหน้าจอ


สำหรับพื้นหลังทำไมพวกเขาจึงต้องแยกแยะได้จริงๆ
e100

ฉันหมายถึงเหตุใดชุดข้อมูลที่แตกต่างกันจึงต้องแยกแยะได้
e100

2
@ e100 กล่าวอีกนัยหนึ่งสีจะใช้ที่นี่เพื่อระบุความเป็นสมาชิกกลุ่ม
Alexey Popkov

คำตอบ:


65

ขอบคุณสำหรับการทำงานที่ยอดเยี่ยม

P. Green-Armytage (2010): ตัวอักษรสีและขีด จำกัด ของการเข้ารหัสสี // สี: การออกแบบและความคิดสร้างสรรค์ (5) (2010): 10, 1-23

(และสำหรับผู้ใช้ ohadscที่อ้างอิงถึงมัน!) ตอนนี้ฉันรู้ชุดสีสำเร็จรูปที่มีความคมชัดสูงสุดอย่างน้อย 3 ชุดที่มีสีไม่น้อยกว่า 20 สี (แต่ฉันยังมีค่า RBG ที่ชัดเจนสำหรับหนึ่งในนั้น):

1) ชุดของความคมชัดสูงสุด 22 สีที่เสนอโดย Kenneth Kelly ในงาน:

เคลลี่ (1965): ความคมชัดสูงสุดยี่สิบสองสี // Color Eng., 3 (6)

ข้อมูลเฉพาะ (อ้างถึง P. Green-Army): "ลำดับของสีในรายการของ Kelly ถูกวางแผนไว้เพื่อให้มีความแตกต่างสูงสุดระหว่างสีในชุดหากเลือกจำนวนสีที่ต้องการตามลำดับจากด้านบนเสมอ . Kelly ดูแลความต้องการของผู้ที่มีปัญหาการมองเห็นสีที่ผิดพลาดเก้าสีแรกจะแตกต่างกันมากที่สุดสำหรับคนเช่นนี้และสำหรับผู้ที่มีการมองเห็นปกติเก้าสีเหล่านี้ยังสามารถแยกแยะได้ง่ายด้วยชื่อสี "

ข้อมูลเพิ่มเติม (อ้างถึง P. Green-Army): "ISCC ได้จัดตั้งคณะกรรมการโครงการ 54โดยมีเจตนาที่จะทำให้งานของ Kelly เป็นปัจจุบันอย่างไรก็ตามคณะกรรมการตัดสินว่าสำหรับสิ่งที่พวกเขาพยายามทำพวกเขาไม่สามารถปรับปรุงได้ ชุดสีของ Kelly "

2) ชุดสี 25 สีที่ Robert และ Ellen Carter แนะนำในการทำงาน:

Robert C. Carter, Ellen C. Carter (1982): ชุดสีที่มีความเปรียบต่างสูง // Appl. เลนส์, 21 (1982) 2936-2939

ข้อมูลเฉพาะ (อ้างถึง P. Green-Army): "Carter and Carter อ้างอิงการทำงานของ Kelly และตรวจสอบสมมติฐานของเขาว่าความง่ายในการเลือกใช้สองสีนั้นขึ้นอยู่กับระยะห่างของสีในพื้นที่สี ในเวลาที่พวกเขาเลือก CIE L u v * ที่เหมาะสมที่สุดสำหรับการศึกษาของพวกเขา <... > พวกเขาพบว่าความสามารถของผู้คนในการระบุสีที่ถูกต้องลดลงอย่างรวดเร็วเมื่อระยะห่างระหว่างสีน้อยกว่า 40 หน่วย CIE L u v * ในงานของพวกเขาพวกเขานำเสนอชุด 25 สีคั่นด้วยหน่วยอย่างน้อย 51.6 หน่วย CIE L u v *

3) ชุดของ 26 สีสำหรับโครงการตัวอักษรสีที่แนะนำโดย Paul Green-Armytage ในงานที่อ้างถึงข้างต้น "ตัวอักษรสีและขีด จำกัด ของการเข้ารหัสสี" ชุดสีนี้ออกแบบมาเพื่อใช้กับพื้นหลังสีขาว แฝด RGB {240,163,255},{0,117,220},{153,63,0},{76,0,92},{25,25,25},{0,92,49},{43,206,72},{255,204,153},{128,128,128},{148,255,181},{143,124,0},{157,204,0},{194,0,136},{0,51,128},{255,164,5},{255,168,187},{66,102,0},{255,0,16},{94,241,242},{0,153,143},{224,255,102},{116,10,255},{153,0,0},{255,255,128},{255,255,0},{255,80,5}ของชุดนี้คือ:

อัพเดท 1

4) มีอีกบทความที่ยอดเยี่ยมเกี่ยวกับเรื่องนี้:

Zeileis, Hornik และ Murrell (2009): Escaping RGBland: การเลือกสีสำหรับกราฟิกสถิติ // สถิติการคำนวณและการวิเคราะห์ข้อมูลเล่ม 53, ฉบับที่ 9, 1 กรกฎาคม 2009, หน้า 3259-3270

บทความนี้มีชุดสีที่แตกต่างกัน 26 สีในหน้า 11:

ชุดสี Zeileis, Hornik และ Murrell 2009

แฝด RGB {2,63,165},{125,135,185},{190,193,212},{214,188,192},{187,119,132},{142,6,59},{74,111,227},{133,149,225},{181,187,227},{230,175,185},{224,123,145},{211,63,106},{17,198,56},{141,213,147},{198,222,199},{234,211,198},{240,185,141},{239,151,8},{15,207,192},{156,222,214},{213,234,231},{243,225,235},{246,196,225},{247,156,212}ของชุดนี้คือ:

อัพเดท 2

ผู้ใช้Tatarizeแนะนำในบล็อกของเขา :

5) ชุด 64 สีที่ต่างกันมากที่สุด :

ชุดของ Tatarize 64 สีที่ต่างกันมากที่สุด

6) พจนานุกรมสีที่มี269 ​​สีที่แตกต่างกันมากที่สุดจากสีก่อนหน้านี้ทั้งหมด (ฉันใช้ฟังก์ชั่นนี้ในการรับ RGB triplets จากรหัสฐานสิบหก):

ตัวอักษรสีของ Tatarize

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

7) 256 สีที่แตกต่างกัน

อัพเดท 3

แอปพลิเคชันบนเว็บที่มีประโยชน์:

อัพเดท 4

8) รายการจาก 20 สีที่เรียบง่ายและโดดเด่นโดย Sasha Trubetskoy:

ภาพ

"ฉันทำรายการสีที่ใช้งานง่ายซึ่งปรับให้เหมาะกับสื่อทุกประเภทแน่นอนว่าไม่มีการประนีประนอมเล็กน้อยเช่นการแปลง CMYK ที่ไม่แน่นอนปัญหาหลักคือการเลือก" บริสุทธิ์ "(เช่น 100% สีม่วงแดง) หรือสีเว็บปลอดภัย นำไปสู่ ​​gawdy, distracting และ imettes color palette นี่เป็นความพยายามของฉันที่ palette ที่ดีที่ทำงานได้ดีสำหรับเครือข่ายหรือไดอะแกรมสไตล์การขนส่งหรือข้อมูลที่เป็นหมวดหมู่ "


1
สิ่งนี้มีประโยชน์ทีเดียว Alexey ขอบคุณ! ฉันสงสัยว่าถ้าคุณพบอะไรสำหรับ 1. เครื่องชั่งสีต่อเนื่อง (การไล่ระดับสี) 2. เครื่องชั่งสีหรือชุดสีที่รักษาความเปรียบต่างแม้หลังจากการแปลงเฉดสีเทา (เช่นข้อกำหนดในวารสาร APS) graphicdesign.stackexchange.com/questions/7960/…
Szabolcs

หากใครต้องการนี่คือรหัสฐานสิบหกของสีในลำดับเดียวกันกับที่อยู่ในภาพ **** สตริงส่วนตัว [,] graphColors = {{"# 023FA5", "# 7D87B9", "# BEC1D4" , "# D6BCC0", "# BB7784", "# FFFFFF"}, {"# 4A6FE3", "# 8595E1", "# B5BBE3", "# E6AFB9", "# E07B91", "# E07B91A" "# 11C638", "# 8DD593", "# C6DEC7", "# EAD3C6", "# F0B98D", "# EF9708"}, {"# 0FCFC0", "# 9CDED6", "# 9CDED6", "# 9CDED6" "," # F6C4E1 "," # F79CD4 "},};
alex440

ใครบ้างมีรหัสฐานสิบหกสำหรับสีใน Update # 1
redshift

2
@redshift "#023fa5", "#7d87b9", "#bec1d4", "#d6bcc0", "#bb7784", "#8e063b", "#4a6fe3", "#8595e1", "#b5bbe3", "#e6afb9", "#e07b91", "#d33f6a", "#11c638", "#8dd593", "#c6dec7", "#ead3c6", "#f0b98d", "#ef9708", "#0fcfc0", "#9cded6", "#d5eae7", "#f3e1eb", "#f6c4e1", "#f79cd4"พวกเขาคือ
Alexey Popkov

เพื่อสร้างคั่นด้วยเครื่องหมายจุลภาคสตริง hex จากผู้ที่ใช้ oneliner print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'")หลามนี้:
บินแกะ

18

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

ฉันไม่รู้ชุดนอกมือ แต่นี่เป็นวิธีที่ฉันจะใช้ Photoshop:

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

  • เลือกสีฐาน 5 สีอย่างสม่ำเสมอบนวงล้อสี ในการตั้งค่าเว้หมายถึง 0, 60, 120, 180, 240 และ 300 ซึ่งเป็นจุดเริ่มต้นของคุณ (หรือมิฉะนั้นให้เปลี่ยนชุด swatches เริ่มต้นด้วยชุด Windows หรือ Mac ที่มีอยู่ในเมนู flyout บนแผงควบคุมของ Swatches และใช้ช่วง 7 ถึงท้ายถึงหลังสุดท้าย)

  • สำหรับแต่ละเฉดสีให้เลือก 5 หรือ 6 ระดับความสว่างและความอิ่มตัวของสีซึ่งจะทำให้คุณสามารถแยกสีสุดท้ายได้อย่างง่ายดาย

  • เมื่อคุณค้นหาแต่ละรายการให้เพิ่มลงในเสื้อโค้ตของคุณ

หากคุณกำลังตั้งค่าเหล่านี้ให้สร้างขึ้นโดยทางโปรแกรมให้นำค่าใดก็ตามที่เหมาะสมกับโมเดลสีที่คุณกำลังติดต่อด้วย หากคุณต้องการใช้ Illustrator หรือ Flash สำหรับจุดเพิ่มขั้นตอนเหล่านี้:

  • ลบ swatches อื่น ๆ ทั้งหมด (Alt / Opt-click เพื่อลบ) ดังนั้นสิ่งที่คุณเหลือไว้คือสิ่งที่คุณต้องการ

  • บันทึก swatches โดยใช้ "Save Swatches for Exchange ... " ในการบินแบบ Swatches นี่เป็นการบันทึกไฟล์. ไฟล์ซึ่งสามารถโหลดลงใน Illustrator, InDesign หรือแอพอื่น ๆ ของ Adobe

ฉันหวังว่าจะช่วย

[เพิ่มหลังจากมีการขยายคำถาม]

สีพื้นฐานในฐานสิบหกคือ: 0xff0000 (สีแดงบริสุทธิ์), 0xffff00 (สีเหลือง), 0x00ff00 (สีเขียว), 0x00ffff (สีฟ้า), 0x0000ff (สีฟ้า) และ 0xff00ff (สีม่วงแดง) ทำการทดลองบางอย่างฉันพบว่าสีเหลืองบริสุทธิ์ใกล้เกินไปสีขาวเกินไปที่จะเป็นประโยชน์อย่างสมบูรณ์สำหรับวัตถุประสงค์ของคุณและสีฟ้าต้องใช้จุดเริ่มต้นที่แตกต่างกันเพราะมันมืดภาพ จากสีพื้นฐานแต่ละสีคุณสามารถออกไปได้ด้วย 4 เฉดสี เนื่องจากคุณสามารถใช้สีเทาได้ซึ่งอนุญาตให้เมทริกซ์ 7x4 ของสิ่งที่ฉันจะพิจารณาสีที่ใช้งานได้ค่อนข้างมากตามข้อ จำกัด ของคุณ หยิบเครื่องคิดเลขและรับค่าทศนิยมถ้าคุณต้องการ! :-)

  • สำหรับจุดเริ่มต้นของคุณคือสีล้วนสีเหลืองสีน้ำเงินและสีเทา ลดค่าฐานสิบหกจาก ff ถึง b0, 87 และ 55 สำหรับสี่เฉดสีของคุณ

  • สำหรับสีน้ำเงิน "สว่าง" คือ b0b0ff และเฉดสีคือ 8484ff, 4949ff และ 0000ff

  • สำหรับสีเหลือง: e4e400, baba00, 878700 และ 545400 จะใช้งานได้และสำหรับค่าสีเทาทำให้ไบต์ลำดับต่ำมีค่าสูงและตรงกลางในแต่ละกรณี

แผนภูมิที่รวดเร็วและสกปรกของฉันของเหล่านี้ (ลบด้วยสีเทา) มีลักษณะดังนี้:

ตารางสี


ฉันได้แก้ไขคำถามของฉัน: สีควรตัดกัน (และเท่าที่เป็นไปได้สดใส) พล็อตถูกสร้างขึ้นโดยทางโปรแกรมและฉันต้องการสีเป็นชุดของค่า RGB ขอขอบคุณ.
Alexey Popkov

ดูคำตอบที่ขยาย ฉันคิดว่านั่นจะทำให้คุณได้ในที่ที่คุณต้องการ
Alan Gilbertson

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

2
การแก้ไขค่าในความคิดเห็นของ @ neu242 (โดยที่สีฟ้าและสีฟ้า "ผสาน" และซึ่งมีสีขาว) ฉันคิดว่าสีของอลัน: #ff0000 #b00000 #870000 #550000 #e4e400 #baba00 #878700 #545400 #00ff00 #00b000 #008700 #005500 #00ffff #00b0b0 #008787 #005555 #b0b0ff #8484ff #4949ff #0000ff #ff00ff #b000b0 #870087 #550055 #e4e4e4 #bababa #878787 #545454แต่ฉันไม่จำเป็นต้องใช้มันในลำดับนั้น ...
MikeLimaOscar

2
... นี่พวกเขาอีกครั้งในฐานะอเนกประสงค์ RGB แต่ {255,0,0}, {228,228,0}, {0,255,0}, {0,255,255}, {176,176,255}, {255,0,255}, {228,228,228}, {176,0,0}, {186,186,0}, {0,176,0}, {0,176,176}, {132,132,255}, {176,0,176}, {186,186,186}, {135,0,0}, {135,135,0}, {0,135,0}, {0,135,135}, {73,73,255}, {135,0,135}, {135,135,135}, {85,0,0}, {84,84,0}, {0,85,0}, {0,85,85}, {0,0,255}, {85,0,85}, {84,84,84}"ย้าย":
MikeLimaOscar

7

วิธีการที่ดีเป็นsolarizedโทนสีโดยอีธาน Schoonover

จาก descr .:

"Solarized เป็นจานสีสิบหกสี (แปดโมโนโทน, แปดสีสำหรับเน้นเสียง) ที่ออกแบบมาเพื่อใช้กับแอปพลิเคชั่นขั้วและ gui"

ฉันคิดว่ามันไม่เพียง แต่เป็นโทนสีที่ดี แต่ยังขยายได้และมีทฤษฎีที่ดีอยู่เบื้องหลัง


6

มีข้อบกพร่องพื้นฐานและที่พยายามพล็อต 20 สิ่งที่แตกต่างในภาพเดียว นั่นคือความยุ่งเหยิงทางสายตาจำนวนมากและการเพิ่ม 20 สีเป็นเพียงการเพิ่มความยุ่งเหยิงนั้น

ฉันจะพิจารณาทบทวนภาพรวมใหม่หากคุณทำได้ อาจแบ่งเป็น 4 visuals 5 สีแต่ละสีผสมและจับคู่ภาพซ้อนทับ ฯลฯ

Tufte เป็นทรัพยากรไปสู่การเรียนรู้เพิ่มเติมเกี่ยวกับการวางแผนข้อมูลในรูปแบบที่สื่อสารวัตถุประสงค์ได้ดีที่สุด:

http://www.edwardtufte.com/tufte/


3

คุณสามารถลองใช้เครื่องมือเลือกสีนี้ได้ มันถูกออกแบบมาสำหรับแผนที่ แต่เราใช้สำหรับแผนภูมิและกราฟเช่นกัน โชคดี!

http://colorbrewer2.org/

สูงสุด 12 สี ขอโทษ :)

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