플롯에서 많은 데이터 세트를 채색하기 위해 큰 팔레트 / 대비 색상 세트를 어디에서 찾을 수 있습니까?


83

과학 플롯에서 다른 데이터 세트를 채색하려면 대비가 크고 시각적으로 구별하기 쉬운 큰 색상 세트 (20 이상)가 필요합니다 (색상 세트는 흰색 또는 검은 색을 포함하지 않아야하며 색상은 가능한 한 밝아 야합니다).

플롯은 프로그래밍 방식으로 생성되며 프로젝터를 사용하여 표시 될 프리젠 테이션에 포함됩니다.

그러한 작업을 위해 기성품 색상 세트가 있습니까? (RGB 값 세트로 색상이 필요합니다)?

또는 프로그래밍 방식으로 이러한 색상 세트를 생성하는 알고리즘이 있습니까 (나는 플롯 생성에 Wolfram Mathematica 를 사용합니다 )?

추신 : 플롯 자체는 예를 들어 다음과 비슷할 수 있습니다.

스크린 샷


배경을 위해 왜 실제로 구별되어야합니까?
e100

다른 데이터 포인트 세트를 구별해야하는 이유는 무엇입니까?
e100

2
@ e100 즉, 여기에서 색은 그룹 구성원을 나타내는 데 사용됩니다.
Alexey Popkov

답변:


65

훌륭한 작업 덕분에

P. Green-Armytage (2010) : 컬러 알파벳과 컬러 코딩의 한계. // 컬러 : 디자인과 창의성 (5) (2010) : 10, 1-23

(그리고 그것을 참조한 사용자 ohadsc 에게 !) 이제 20 개 이상의 색상을 포함하는 최대 대비의 최소 3 개의 기성품 색상 세트를 알고 있습니다.

1) 작품에서 Kenneth Kelly가 제안한 최대 22 색 대비 설정 :

K. Kelly (1965) : 최대 대비 21 색. // 컬러 영어, 3 (6)

사양 (P. Green-Armytage 인용) : "필요한 색상 수를 항상 위에서부터 순서대로 선택한 경우 Kelly 목록의 색상 순서는 세트의 색상 간 최대 대비가되도록 계획되었습니다. <.. .> Kelly는 컬러 비전 결함이있는 사람들의 필요를 돌 보았습니다. 처음 9 가지 색상은 일반 시력을 가진 사람뿐만 아니라 그러한 사람들에게도 크게 다를 것입니다.이 9 가지 색상은 색상 이름으로도 쉽게 구별 할 수 있습니다. "

추가 정보 (P. Green-Armytage 인용) : "ISCC 는 Kelly의 작업을 최신 상태로 유지하려는 의도로 프로젝트위원회 54 를 설립했습니다. 그러나위원회는 그들이하려는 일로 인해 개선 할 수 없다고 결정했습니다. 켈리의 색상 세트 "

2) 작품에서 Robert와 Ellen Carter가 제안한 25 가지 색상 세트 :

Robert C. Carter, Ellen C. Carter (1982) : 고 대비 색상 세트. // Appl. 광학, 21 (1982) 2936-2939.

세부 사항 (P. Green-Armytage 인용) : "Carter와 Carter는 Kelly의 작업을 참조하여 두 색상을 쉽게 구별 할 수 있다는 가정이 색상 공간에서 색상이 얼마나 멀리 떨어져 있는지에 따라 다르다는 가정을 확인합니다. 당시 연구에 가장 적합한 CIE L u v *를 선택했을 때 <...> 색상 사이의 거리가 40 CIE L u v * 단위 미만이면 색상을 정확하게 식별 할 수있는 사람들의 능력이 급격히 저하되는 것을 발견했습니다 . " 그들의 작품에서 그들은 적어도 51.6 CIE L u v * 단위로 구분 된 25 가지 색상을 제시한다 .

3) Paul Green-Armytage가 위에서 언급 한 "컬러 알파벳과 컬러 코딩의 한계"에서 제안한 컬러 알파벳 프로젝트를위한 26 가지 컬러 세트. 이 색상 세트는 흰색 배경에 사용하도록 설계되었습니다. 이 세트의 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 and Murrell (2009) : RGBland 탈출 : 통계 그래픽을위한 색상 선택 // 계산 통계 및 데이터 분석 제 53 권, 제 9 호, 2009 년 7 월 1 일, 페이지 3259-3270

이 기사에는 11 페이지에 26 가지 색상이 있습니다.

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 개의 ​​색상 으로 구성된 색상 사전 ( 기능을 사용 하여 16 진수 코드에서 RGB 3 을 가져옵니다) :

Tatarize의 색상 알파벳

다음 은 링크 된 블로그 게시물의 16 진 코드입니다 (가독성에 대한 변경 기록에 숨겨진 Tatarize 색상 알파벳의 269 개의 ​​16 진 코드 전체 목록).

7) 256 개의 고유 한 색상 .

업데이트 3

잠재적으로 유용한 웹 응용 프로그램 :

업데이트 4

8) Sasha Trubetskoy 의 20 가지 단순하고 뚜렷한 색상 목록 :

영상

"정확하지 않은 CMYK 변환과 같은 작은 타협도없이 모든 미디어에 최적화 된 색상 목록을 사용하기 쉽게 만들었습니다. 주요 문제는"순수한 "(예 : 100 % 마젠타 색) 또는 웹 안전 색상을 선택하는 것입니다. 어색하고 산만하며 불균형 한 색상 팔레트로 연결됩니다. 이것은 네트워크 나 대중 교통 스타일 다이어그램 또는 범주 형 데이터에 잘 작동하는 멋진 팔레트를 사용하려는 시도입니다. "


1
이것은 매우 유용합니다, Alexey. 감사! 1. 연속 컬러 스케일 (그라데이션) 2. 그레이 스케일 변환 후에도 대비를 유지하는 컬러 스케일 또는 컬러 세트 (예 : APS 저널의 요구 사항)에 대한 것이 있는지 궁금합니다. graphicdesign.stackexchange.com/questions/7960/…
Szabolcs

필요한 경우 다음 그림과 같은 순서로 색상의 16 진수 코드입니다. **** private string [,] graphColors = {{ ""023FA5 ","# 7D87B9 ","# BEC1D4 " , "# D6BCC0", "# BB7784", "# FFFFFF"}, { "# 4A6FE3", "# 8595E1", "# B5BBE3", "# E6AFB9", "# E07B91", "# D33F6A"}, { "# 11C638", "# 8DD593", "# C6DEC7", "# EAD3C6", "# F0B98D", "# EF9708"}, { "# 0FCFC0", "# 9CDED6", "# D5EAE7", "# F3E1EB ","# F6C4E1 ","# F79CD4 "},};
alex440

누구든지 업데이트 # 1의 색상에 대한 16 진수 코드를 가지고 있습니까?
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

쉼표로 구분 된 16 진수 문자열을 만들려면이 파이썬 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을 의미합니다. 이것이 시작점입니다. 또는 기본 견본을 [견본] 패널 플라이 아웃 메뉴에서 사용 가능한 Windows 또는 Mac 세트로 바꾸고 마지막 7 번째에서 2 번째 마지막으로 사용하십시오.

  • 각 색조에 대해 쉽게 구별 할 수있는 최종 색상을 제공하는 5 또는 6 개의 밝기 및 채도 레벨을 선택하십시오.

  • 각각을 찾으면 견본에 추가하십시오.

프로그래밍 방식으로 생성되도록 설정하는 경우 처리 할 색상 모델에 맞는 값을 사용하십시오. 점에 Illustrator 또는 Flash를 사용해야하는 경우 다음 단계를 추가하십시오.

  • 나머지 모든 견본을 삭제 (Alt / Opt- 클릭하여 제거)하여 남은 모든 견본을 원하는 견본으로 만듭니다.

  • 견본 플라이 아웃에서 "교환 용 견본 저장 ..."을 사용하여 견본을 저장하십시오. 그러면 Illustrator, InDesign 또는 다른 Adobe 앱으로로드 할 수있는 .ASE 파일이 저장됩니다.

도움이 되길 바랍니다.

[질문 후 추가 확대]

16 진수의 기본 색상은 0xff0000 (빨간색), 0xffff00 (노란색), 0x00ff00 (녹색), 0x00ffff (청록색), 0x0000ff (파란색) 및 0xff00ff (자홍색)입니다. 약간의 실험을 한 결과, 순수한 노란색이 너무 흰색에 너무 가까워서 목적에 완전히 유용하지는 않았으며 파란색은 시각적으로 어둡기 때문에 다른 시작점이 필요했습니다. 각 기본 색상에서 4 가지 음영으로 벗어날 수 있습니다. 회색도 사용할 수 있기 때문에 제약 조건 (및 Photoshop 또는 유사한 응용 프로그램에 대한 액세스 권한이없는 것으로 가정)을 고려할 때 매우 유용한 색상으로 간주되는 7x4 매트릭스를 허용합니다. 계산기를 잡고 필요한 경우 소수점을 구하십시오! :-)

  • 노란색, 파란색 및 회색을 제외한 모든 시작점은 순수한 색상입니다. 4 가지 음영에 대해 16 진수 값을 ff에서 b0, 87 및 55로 줄입니다.

  • 파란색의 경우 "밝은"은 b0b0ff이고 음영은 8484ff, 4949ff 및 0000ff입니다.

  • 노란색의 경우 : e4e400, baba00, 878700 및 545400이 작동하고 회색 값의 경우 하위 바이트를 각 경우의 상위 및 중간과 동일하게 만듭니다.

이것에 대한 나의 빠르고 더러운 차트 (회색 빼기)는 다음과 같습니다.

컬러 그리드


내 질문을 수정했습니다. 색상을 대조해야합니다 (가능한 한 밝게). 플롯은 프로그래밍 방식으로 생성되며 RGB 값 집합으로 색상이 필요합니다. 감사합니다.
Alexey Popkov

확장 된 답변을 참조하십시오. 나는 그것이 당신이 필요한 곳에 당신을 얻을 것이라고 생각합니다.
Alan Gilbertson

2
내 대답의 2 단락을 다시 읽으십시오. Munsell이 아닌 RGB 값을 요청했습니다. 당신은 RGB를 얻었다. 이것들은 당신의 목적을 위해 작동하고, 그것들을 모두 사용할 필요는 없으며, 나는 당신이 그것들을 수정할 수있는 유연성이 있음을 자세하게 설명했습니다. 사이트 기고자는 귀하를 대신하여 귀하의 작업을 수행하지 않습니다 (FAQ 참조).
Alan Gilbertson

2
@ neu242의 주석 값 (청록 및 파랑은 "병합"이며 흰색을 포함 함)에 대한 수정. Alan의 색상은 다음과 같습니다. #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

좋은 방법은 Ethan Schoonover 의 Solarized color scheme입니다.

설명에서 :

"단말기는 터미널 및 GUI 응용 프로그램에 사용하도록 설계된 16 개의 색상 표 (8 개의 모노톤, 8 개의 악센트 색상)입니다."

나는 그것이 좋은 색 구성표 일뿐 만 아니라 확장 가능하고 그 뒤에 좋은 이론을 가지고 있다고 생각합니다.


6

근본적인 결함이 있으며 한 시각에 20 가지의 다른 것을 그려 내려고합니다. 그것은 많은 시각적 혼란이며 20 색상을 추가하면 그 혼란에 추가됩니다.

가능하다면 전반적인 시각을 다시 생각하는 것이 좋습니다. 아마도 5 가지 색상의 4 개 영상으로 분류하고 오버레이를 혼합하고 일치시키는 등의 작업을 수행 할 수 있습니다.

Tufte는 목표를 가장 잘 전달할 수있는 방식으로 데이터를 구성하는 방법에 대한 자세한 정보를 제공하는 리소스입니다.

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


3

이 색상 선택기를 사용해보십시오. 지도 용으로 설계되었지만 차트 및 그래프에도 사용됩니다. 행운을 빕니다!

http://colorbrewer2.org/

최대 12 색. 죄송합니다. :)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.