Tôi có thể tìm một bảng màu / bộ màu tương phản lớn ở đâu để tô màu nhiều bộ dữ liệu trên một cốt truyện?


83

Tôi cần một tập hợp lớn (20 trở lên) các màu tương phản và dễ phân biệt bằng mắt để tô màu các bộ dữ liệu khác nhau trên một lô khoa học (bộ màu không nên bao gồm màu trắng hoặc đen và màu càng sáng càng tốt).

Cốt truyện được tạo lập trình và dự định sẽ được đưa vào một bài thuyết trình sẽ được hiển thị bằng máy chiếu.

Có bộ màu nào được tạo sẵn cho một tác vụ như vậy không (tôi cần màu như một bộ giá trị RGB)?

Hoặc có thể có một số thuật toán tạo ra một tập hợp các màu như vậy theo lập trình (tôi sử dụng Wolfram Mathematica để tạo cốt truyện)?

PS Bản thân cốt truyện có thể trông giống như cái này:

ảnh chụp màn hình


Đối với nền, tại sao họ thực sự cần phải được phân biệt?
e100

Ý tôi là, tại sao các tập hợp điểm dữ liệu khác nhau cần phải phân biệt?
e100

2
@ e100 Nói cách khác, màu sắc được sử dụng ở đây để biểu thị thành viên nhóm.
Alexey Popkov

Câu trả lời:


65

Cảm ơn công việc tuyệt vời

P. Green-Armycharge (2010): Bảng chữ cái màu và giới hạn của mã hóa màu. // Màu sắc: Thiết kế & Sáng tạo (5) (2010): 10, 1-23

(và với người dùng ohadsc đã tham chiếu nó!) bây giờ tôi biết ít nhất 3 bộ màu được tạo sẵn có độ tương phản tối đa chứa không dưới 20 màu (nhưng tôi vẫn chỉ có các giá trị RBG rõ ràng cho một trong số chúng):

1) Bộ 22 màu tương phản tối đa được đề xuất bởi Kenneth Kelly trong tác phẩm:

K. Kelly (1965): Hai mươi hai màu tương phản tối đa. // Màu sắc, 3 (6)

Cụ thể (trích dẫn P. Green-Armycharge): "Thứ tự các màu trong danh sách của Kelly đã được lên kế hoạch sao cho có độ tương phản tối đa giữa các màu trong một tập hợp nếu số lượng màu yêu cầu luôn được chọn theo thứ tự từ đầu. <.. .> Kelly quan tâm đến nhu cầu của những người có thị lực màu bị khiếm khuyết. Chín màu đầu tiên sẽ khác biệt tối đa đối với những người như vậy cũng như với những người có thị lực bình thường. Chín màu này cũng dễ dàng phân biệt bằng tên màu. "

Thông tin bổ sung (trích dẫn P. Green-Armycharge): "ISCC thành lập Ủy ban Dự án 54 với ý định đưa công việc của Kelly cập nhật. Tuy nhiên, ủy ban đã quyết định rằng, vì những gì họ đang cố gắng làm, họ không thể cải thiện Bộ màu của Kelly. "

2) Bộ 25 màu được đề xuất bởi Robert và Ellen Carter trong tác phẩm:

Robert C. Carter, Ellen C. Carter (1982): Bộ màu tương phản cao. // Áp dụng. Quang học, 21 (1982) 2936-2939.

Cụ thể (trích dẫn P. Green-Armycharge): "Carter và Carter tham khảo công việc của Kelly và xác minh giả định của anh ấy rằng sự dễ dàng phân biệt hai màu phụ thuộc vào khoảng cách giữa các màu trong không gian màu. tại thời điểm họ chọn CIE L u v * là phù hợp nhất cho nghiên cứu của họ. <...> Họ thấy rằng khả năng xác định màu sắc của mọi người giảm đi nhanh chóng khi khoảng cách giữa các màu nhỏ hơn 40 đơn vị CIE L u v *. " Trong công việc của họ, họ trình bày một bộ gồm 25 màu cách nhau ít nhất 51,6 CIE L u v * đơn vị.

3) Bộ 26 màu cho Dự án Bảng chữ cái màu được đề xuất bởi Paul Green-Armycharge trong tác phẩm được trích dẫn ở trên "Bảng chữ cái màu và giới hạn của mã hóa màu". Bộ màu này được thiết kế để sử dụng với nền trắng. Bộ ba RGB của bộ này là : {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}.

CẬP NHẬT 1

4) Có một bài viết xuất sắc về chủ đề này:

Zeileis, Hornik và Murrell (2009): Thoát khỏi RGBland: Chọn màu cho đồ họa thống kê // Phân tích dữ liệu và thống kê tính toán Tập 53, Số 9, ngày 1 tháng 7 năm 2009, Trang 3259-3270

Bài viết này chứa bộ 26 màu sắc khác nhau trên trang 11:

Bộ màu của Zeileis, Hornik và Murrell 2009

Bộ ba RGB của bộ này là : {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}.

CẬP NHẬT 2

Người dùng Tatarize gợi ý trong blog của mình :

5) Một bộ gồm 64 màu khác nhau tối đa :

Bộ 64 màu sắc khác nhau tối đa của Tatarize

6) Từ điển màu gồm 269 màu khác biệt tối đa với tất cả các màu trước đó (Tôi đã sử dụng chức năng này để nhận bộ ba RGB từ mã hex):

Bảng chữ cái màu của Tatarize

Dưới đây là các mã hex từ bài đăng trên blog được liên kết (liệt kê đầy đủ 269 mã hex của bảng chữ cái màu của Tatarize ẩn trong lịch sử thay đổi để dễ đọc).

7) 256 màu khác biệt .

CẬP NHẬT 3

Các ứng dụng web hữu ích:

CẬP NHẬT 4

8) Danh sách 20 màu sắc đơn giản, khác biệt của Sasha Trubetskoy:

Hình ảnh, tưởng tượng

"Tôi đã tạo một danh sách màu dễ sử dụng được tối ưu hóa trên tất cả các phương tiện, tất nhiên không phải là không có sự thỏa hiệp nhỏ, chẳng hạn như chuyển đổi CMYK không chính xác. Vấn đề chính là chọn màu tinh khiết (ví dụ 100% màu đỏ tươi) hoặc màu an toàn trên web dẫn đến bảng màu gawdy, mất tập trung và mất cân bằng. Đây là nỗ lực của tôi tại một bảng màu đẹp hoạt động tốt cho các sơ đồ mạng hoặc kiểu chuyển tuyến hoặc cho dữ liệu phân loại. "


1
Điều này khá hữu ích, Alexey. Cảm ơn! Tôi tự hỏi nếu bạn tìm thấy bất cứ điều gì cho 1. thang màu liên tục (độ dốc) 2. thang màu hoặc bộ màu giữ độ tương phản ngay cả sau khi chuyển đổi thang độ xám (ví dụ, một yêu cầu trong các tạp chí APS). graphicdesign.stackexchange.com/questions/7960/...
Szabolcs

Nếu bất cứ ai cần, đây là mã hex của các màu theo cùng thứ tự như trên hình ảnh **** chuỗi riêng [,] graphColors = {{"# 023FA5", "# 7D87B9", "# BEC1D4" , "# D6BCC0", "# BB7784", "# FFFFFF"}, {"# 4A6FE3", "# 8595E1", "# B5BBE3", "# E6AFB9", "# E07B91", "# E07B91", "# E07B91" "# 11C638", "# 8DD593", "# C6DEC7", "# EAD3C6", "# F0B98D", "# EF9708"}, {"# 0FCFC0", "# 9CDED6", "# D5E7" "," # F6C4E1 "," # F79CD4 "},};
alex440

Có ai có mã hex cho các màu trong Cập nhật # 1 không?
dịch chuyển đỏ

2
@redshift Họ là : "#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

để tạo các chuỗi hex được phân tách bằng dấu phẩy từ các chuỗi đó, hãy sử dụng oneliner python này : print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
cừu bay

18

Sự kết hợp giữa "sáng", "dễ phân biệt" và "20 trở lên" là khó khăn. Nhắc nhở tôi về "Công việc của chúng tôi là nhanh, rẻ và chất lượng cao. Chọn bất kỳ hai." Tôi nghĩ rằng bạn có thể bỏ "sáng" ra khỏi hỗn hợp và chỉ cần nói "tương phản". Điều đó làm cho ngắn gọn đơn giản hơn để đạt được, và tôi nghĩ sẽ đưa bạn đến nơi bạn muốn.

Tôi không biết về một thiết lập ngoài tầm tay như vậy, nhưng đây là cách tôi sẽ thực hiện bằng Photoshop:

  • Tạo một tài liệu trống ở chế độ màu (RGB hoặc CMYK) bạn muốn sử dụng. RGB là chính xác cho tất cả các máy in để bàn và để xem trên màn hình hoặc chiếu. Chỉ sử dụng CMYK nếu bạn cần các giá trị CMYK thực tế.

  • Chọn 5 màu cơ bản trải đều xung quanh bánh xe màu. Trong cài đặt Huế, có nghĩa là 0, 60, 120, 180, 240 và 300. Đây sẽ là điểm bắt đầu của bạn. (Ngoài ra, thay thế các mẫu màu mặc định bằng bộ Windows hoặc Mac có sẵn trong menu bay ra của bảng Swatches và sử dụng thứ 7 từ cuối đến thứ 2 cuối cùng.)

  • Đối với mỗi Huế, chọn 5 hoặc 6 mức độ sáng và độ bão hòa giúp bạn dễ dàng phân biệt màu sắc cuối cùng.

  • Khi bạn tìm thấy từng cái, hãy thêm nó vào swatches của bạn.

Nếu bạn đang thiết lập những thứ này để được tạo lập trình, chỉ cần lấy bất kỳ giá trị nào phù hợp với mô hình màu mà bạn sẽ xử lý. Nếu bạn cần sử dụng Illustrator hoặc Flash cho các dấu chấm, hãy thêm các bước sau:

  • Xóa tất cả các mẫu màu khác (Alt / Opt-click để xóa) để tất cả những gì bạn còn lại là những thứ bạn muốn.

  • Lưu các mẫu màu bằng cách sử dụng "Lưu mẫu màu cho trao đổi ..." trong bảng thông báo của mẫu màu. Điều này sẽ lưu tệp .ASE có thể được tải vào Illustrator, InDesign hoặc bất kỳ ứng dụng Adobe nào khác.

Tôi hy vọng điều đó sẽ giúp.

[Bổ sung sau khi mở rộng câu hỏi]

Các màu cơ bản trong hex là: 0xff0000 (đỏ thuần), 0xffff00 (vàng), 0x00ff00 (xanh lá cây), 0x00ffff (lục lam), 0x0000ff (xanh dương) và 0xff00ff (đỏ tươi). Thực hiện một số thử nghiệm, tôi thấy màu vàng tinh khiết quá gần màu trắng hoàn toàn hữu ích cho mục đích của bạn và màu xanh lam yêu cầu một điểm khởi đầu khác vì nó tối một cách trực quan. Từ mỗi màu cơ bản, bạn có thể biến mất với 4 màu. Vì bạn cũng có thể sử dụng màu xám, cho phép ma trận 7x4 về những gì tôi sẽ xem xét các màu khá có thể sử dụng được, do các ràng buộc của bạn (và được cho là thiếu quyền truy cập vào Photoshop hoặc một ứng dụng tương tự). Lấy một máy tính và lấy các giá trị thập phân nếu bạn cần chúng! :-)

  • Đối với tất cả trừ màu vàng, màu xanh và màu xám, điểm bắt đầu của bạn là màu thuần túy. Giảm các giá trị hex từ ff xuống b0, 87 và 55 cho bốn sắc thái của bạn.

  • Đối với màu xanh lam, "độ sáng" là b0b0ff và các sắc thái là 8484ff, 4949ff và 0000ff.

  • Đối với màu vàng: e4e400, baba00, 878700 và 545400 sẽ hoạt động và đối với các giá trị màu xám làm cho các byte thứ tự thấp giống như mức cao và trung bình trong mỗi trường hợp.

Biểu đồ nhanh và bẩn của tôi về những thứ này (trừ màu xám) trông như thế này:

lưới màu


Tôi đã sửa câu hỏi của mình: màu sắc phải tương phản (và càng xa càng tốt). Cốt truyện được tạo lập trình và tôi cần màu sắc như một tập hợp các giá trị RGB. Cảm ơn bạn.
Alexey Popkov

Xem câu trả lời mở rộng. Tôi nghĩ rằng sẽ đưa bạn đến nơi bạn cần.
Alan Gilbertson

2
Đọc lại đoạn 2 câu trả lời của tôi. Bạn đã yêu cầu các giá trị RGB, không phải Munsell; bạn có RGB. Chúng sẽ hoạt động cho mục đích của bạn, không cần sử dụng tất cả chúng và tôi đã cung cấp cho bạn các chi tiết để bạn có thể linh hoạt sửa đổi chúng. Những người đóng góp trang web không ở đây để làm việc cho bạn (xem Câu hỏi thường gặp).
Alan Gilbertson

2
Chỉnh sửa các giá trị trong nhận xét của @ neu242 (trong đó "hợp nhất" màu lục lam và màu xanh lam và có chứa màu trắng). Tôi nghĩ màu sắc của Alan là: #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 #545454nhưng tôi không nhất thiết phải sử dụng chúng theo thứ tự đó ...
MikeLimaOscar

2
... Ở đây, chúng lại là bộ ba RGB nhưng "hoán vị" : {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

Một cách tiếp cận hay là phối màu Solarized của Ethan Schoonover.

Từ descr.:

"Solarized là mười sáu bảng màu (tám màu đơn sắc, tám màu nhấn) được thiết kế để sử dụng với các ứng dụng đầu cuối và gui."

Tôi nghĩ rằng nó không chỉ là một bảng màu đẹp, mà còn có thể mở rộng và có một lý thuyết tốt đẹp đằng sau nó.


6

Có một lỗ hổng cơ bản và đó là cố gắng vẽ 20 điều khác nhau trong một hình ảnh. Đó là rất nhiều lộn xộn thị giác và thêm 20 màu sẽ chỉ thêm vào sự lộn xộn đó.

Tôi sẽ xem xét việc xem xét lại hình ảnh tổng thể nếu bạn có thể. Có lẽ phân đoạn nó thành 4 hình ảnh mỗi màu 5 màu, trộn và kết hợp các lớp phủ, v.v.

Tufte là nguồn tài nguyên để tìm hiểu thêm về cách vẽ dữ liệu theo cách truyền đạt tốt nhất mục tiêu:

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


3

Bạn có thể thử bộ chọn màu này. Nó được thiết kế cho bản đồ nhưng chúng tôi cũng sử dụng nó cho các biểu đồ và đồ thị. Chúc may mắn!

http://colorbrewer2.org/

Tối đa 12 màu mặc dù. lấy làm tiếc. :)

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.