10 명의 플레이어를위한 최적의 색상 세트를 찾으려면 어떻게해야합니까?

나는 10 명의 선수들에게 독특한 식별 색을주고 싶다. 이를위한 최적의 색상 세트가 있습니까? 어떻게 만들 수 있습니까?

내가 생각해 낸 모든 세트에는 너무 비슷한 색상이 들어 있습니다.

업데이트 : 나는 이것이 무엇인지 (공정한 질문) 아래에 물었다. 지금은 말할 수 - Windwardopolis 및 색상 큰했다.

HSV 공간에서 등거리 색조 값을 생성 할 수 있습니다.

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

그러나 항상 10 명의 플레이어가있는 것은 아닙니다. 이 경우 다른 플레이어 수에 대해 다른 팔레트를 다시 생성하지 않으면 팔레트가 매우 효율적이지 않습니다. 대신, 일부 저자 는 등분 포 정리 에서 나온 속성을 활용하여 황금 비율을 사용하여 팔레트를 생성 할 것을 권장합니다 .

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

이렇게하면 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)));

업데이트 : H인간 시각 시스템을 고려한 (RGB 구성 요소의 감마 곡선과 유사한) 보정 곡선을 사용하여 위의 결과를 개선 할 수 있습니다 . 이것은 CIEDE2000 메트릭을 사용하여 계산 한 색조 보정 곡선입니다 .

등거리 색조 값의 결과는 다음과 같습니다.

그리고 황금 비율 생성 시퀀스의 경우 (비틀기 기능이 있거나없는 V) :

저는 합리적으로 좋은 것을 찾 자마자 프로그램에 사용하기 위해 대략적인 곡선 공식을 발표 할 것입니다.

8 개의 스타 크래프트 색상은 다음 과 같습니다.

빨간색, 파란색, 청록색, 자주색, 주황색, 갈색 (사막지도에서 녹색), 흰색 (얼음지도에서 녹색), 노란색

관찰 블리자드는 UI 천재이며 문제를 연구했습니다.

그들은 사막지도에서 브라운의 스왑 인으로 그린을 남겨 두었습니다. 따라서 기술적으로 9 개가 나와 있습니다.

(12) 월드 오브 워크 래프트 3 색은 다음과 같습니다 :

레드, 블루, 틸, 퍼플, 옐로우, 오렌지, 그린, 핑크, 그레이, 라이트 블루, 다크 그린, 브라운

다음과 같이 보입니다.

보시다시피, 그것들은 상당히 독특하고 쉽게 구별됩니다. 짙은 녹색은 실제로 청록색과 구별하기 쉽습니다. 사람의 눈이 녹색 음영을 가장 쉽게 구분할 수 있기 때문일 수 있습니다. 플레이어가 여성 테트라 크로마 틱 이 될 것이라고 확신 한다면 아마도 어떤 색상이든 선택할 수 있습니다.

여기 소수의 사람들은 색조에서 10 개의 등거리 위치에 HSV 색 공간을 나누는 것이 좋습니다. 제 생각에는 이것은 실제로 좋은 해결책이 아닙니다. 인간의 눈은 HSV 스펙트럼에서 색상의 차이를 동일하게 인식하지 못합니다. 예를 들어, 우리가 오렌지라고 부르는 것은 작은 밴드 조각을 차지하는 반면 25 %의 청크는 녹색으로 간주 될 수 있습니다. 따라서 그것은 나쁜 전제로 시작됩니다. 이 답변 의 첫 번째 색 행을보십시오 . 두 그린은 거의 구별 할 수 없습니다.

사용자는 색상에 대해 이야기하고 참조해야합니다. 이를 감안할 때 스타 크래프트 / 워크래프트 테마는 따라야 할 큰 리드입니다. 익숙한 이름의 색상으로 끝나기 때문에 일반 영어 Crayola 색상 목록을 기반으로 선택하는 것은 결코 나쁜 생각이 아닙니다. 그런 다음 빨강, 주황, 노랑, 녹색, 파랑, 자주색, 갈색, 회색, 흰색, 검은 색으로 인식되는 한, 그 색을 대담하고 음소거되도록 조정하십시오.

편집 : 언어와 색상 인식의 연결이 매우 흥미 롭습니다.이 멋진 링크를 공유하고 싶었습니다.

세계의 크레올라-소화 : 우리가 어떻게 색깔의 이름을 주었고, 그것은 경험적 열성에 대한 우리의 두뇌와 엉망입니다.

이 "기호"접근 방식을 별도의 답변으로 분리해야한다고 생각했습니다.

과거에는 사람들이 멀리 떨어져있는 군대를 쉽게 식별 할 수있는 깃발과 물건이 필요하다고 가정하므로 공격하거나 방어 할 것인지 (적의 경우) 또는 안심할 수 있는지 (동맹의 경우) 알 수 있습니다.

우연히 그게 당신이하려는 일입니다. 멀리서 떨어져있는 것을 쉽게 식별 할 수 있습니다.

당신은 할 수 가능성이 그 함께 할 수있는 더 좋은 방법은 바로 색상으로 그렇게하지만 색상과 기호를 . 색상 과 기호 의 조합을 사용하면 위에서 언급 한 많은 사람들과 같이 색맹 인이 사물을 식별하는 데 도움이됩니다 .

유닛이 충분히 크면 2-4 컬러 코트를 사용할 수도 있습니다.

패턴이 아니라 색상, 쉽게 인식 할 수있다. 좋은 텍스쳐링은 팔의 외투가 각 유닛의 가슴이나 윗팔에 상당히 큰 영향을 줄 수 있습니다.

위의 이미지에서 다른 유닛의 헬멧 은 방패 휘장뿐만 아니라 기하학도 다릅니다 .

당신은 또한 매우 간단하게 보이는 "logos" 인 Japanese Mon 의 아이디어를 발견 할 것입니다.

이제 기본적으로 현대적인 "브랜드"로 유닛을 브랜딩합니다. 스타 크래프트 II는 "데칼"로이 작업을 조금했습니다.

그러나 이것들은 게임에서 거의 보이지 않습니다.

색상만큼 유닛을 식별하는 데 사용되지 않습니다.

나는 특히 3 줄짜리 브랜드 패턴을 사용하지 않는 플래그 (영향을 조금 혼란스럽게 만듭니다)에 대해서도 플래그를 살펴볼 것입니다. 치다:

• 스위스 :
• 소몰 리아 :
• 대한민국:

이것들은 모두 매우 단순하지만 독특한 플래그를 가지고 있습니다.

또한 미국 정부가 방위 요원을 식별하는 데 사용하는 기호도 확인하십시오. 이들은 흑백 이미지 이므로 ( 흑백으로 완전히 수행 할 수 있음) 실제로 시각 장애인을 배제하지 않는 훌륭한 솔루션 일 수 있습니다 (기본적으로 색상 대신 팀을 식별하기 위해 심볼 사용 )

왜 바퀴를 재발 명합니까? 16 가지 색상 세트에 대한 표준도 있으며 그 중 10 가지를 선택할 수 있습니다. 이것은 ANSI 세트 http://en.wikipedia.org/wiki/ANSI_escape_code#Colors

ANSI 색상은 RGB 큐브에 균등하게 분산되어 HSV 공간 보다이 문제에 더 적합하다고 생각합니다.

RGB 큐브를 최대한 활용하면 빨강, 파랑, 녹청 등과 같은 친숙한 색상이 나타납니다. 8 개의 모서리 점이 지나간 후에는 가장자리의 모든 점이 나타납니다.

구별 할 수있는 10 가지 색상을 만드는 것은 실제로 어려울 것입니다. 이것은 많은 값에 대한 그래프 또는 차트를 만들 때 매우 일반적인 문제이므로 종종 색상 및 모양 또는 색상 및 해시 패턴 조합을 사용합니다.

마커를 표시해야하는 경우 4 가지 기본 색상 (예 : 빨간색, 파란색, 주황색, 검은 색)과 4 가지 기본 모양 (정사각형, 원, 삼각형, 다이아몬드)을 사용하여 16 개의 마커를 쉽게 구분할 수 있습니다.

영역에서 채색하는 경우 동일한 아이디어를 사용하지만 모양 대신 검은 색 또는 흰색 선의 해치 패턴과 색상을 결합하십시오.

고려해야 할 또 다른 사항은 측면을 알려주는 유일한 방법으로 색상을 사용하지 않는 것입니다. 한 영역 위로 마우스를 가져 가면 해당 영역이 강조 표시되고 플레이어 이름이 명시 적으로 지정된 도구 설명이 제공 될 수 있습니다. 또는 10 명의 플레이어 목록을 마우스로 가리킬 수 있으며, 한 명의 플레이어 이름 위에 마우스를 올리면 해당 플레이어에 대한 맵의 모든 영역이 표시됩니다.

또한 색상을 선택하는 동안 색맹을 명심하십시오. 예를 들어 녹색과 빨간색은 구별되지 않을 수 있습니다. 한 번 봐 가지고 http://jfly.iam.u-tokyo.ac.jp/color/#select 색맹 개인에 대한 문제가되지 않을 것입니다 제안 색상의 세트를. 추가 자료는 http://www.usability.gov/articles/newsletter/pubs/022010new.html#ColorsthatWorktheBest 입니다 .

한 사람이 쉽게 구별 할 수있는 10 개의 고유 한 색상을 얻을 수 있더라도 다른 사람이이 세트를 구분하기가 더 어려울 수 있습니다.

더 작은 색상 세트로 제한 하고 검은 줄무늬 와 같은 구별 가능한 기능을 추가하십시오 . 색상 세트의 경우, 대부분의 사람들이 쉽게 구별 할 수있는 것 ( ROYGBIV) 에서 너무 멀리 벗어나지 않는 것이 가장 좋습니다 . ROYGBIV의 간단한 스트라이프 / 스트라이프는 14 개의 식별 가능한 게임 조각을 제공합니다.

당신은 또한 검은 줄무늬로 자신을 제한 할 필요가 없습니다. 25 쌍의 배선을위한 다음 해결책을 고려하십시오 (쌍 대신 쉽게 줄무늬가 될 수 있음) : http://en.wikipedia.org/wiki/25-pair_color_code

높은 독창성을 위해 개발되었으며이 백서에서 설명하는 Tableau-10 팔레트에 대한 참조를 제공하려고했습니다.

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

"Tableau-10 팔레트는 최상의 색상 효과와 최소한의 이름 중복을 제공합니다."

브렌트 베를린 (Brent Berlin)과 폴 케이 (Paul Kay)는 색 공간을 몇 가지 기본 색으로 나눌 수 있다는 것을 보여 주었지만, 그것은 색에 이름을 부여하는 것이 문화를 더 잘 구별 할 수 있다는 문화에 달려 있습니다.

영어에는 흰색, 검은 색, 빨간색, 녹색, 노란색, 파란색, 갈색, 보라색, 분홍색, 주황색 및 회색의 11 가지 기본 색상이 있습니다.

Matt Montag가 말한 것과 거의 같은 이유로 바퀴 주위에 색조를 선택한다는 아이디어가 마음에 들지 않습니다.

단순한 색상 이상을 수행하십시오. 시각적 표현은 지식, 아트 스타일 및 색상 표현에 모두 추가됩니다.

예를 들어 5 개의 반지의 전설은 "색상 세트"를 구별하는 놀라운 방법을 사용합니다.

교훈을 얻는 가장 아름다운 예 중 하나입니다. 클랜을 구분하는 수백 가지 방법에 주목하십시오. 기본 색상뿐만 아니라 2 차 및 3 차 색상이기도합니다. 색상은 헤어 스타일, 착용 유형, 캐릭터 유형, 기호 부착, 깃발, 배너, 뒷면의 미니 플래그, 성격에 포함됩니다.

내가 취할 가장 큰 것은 여러 색상의 조합입니다. 간단하지 않습니다 : 파랑, 빨강, 자주색, 갈색, 노랑, 녹색, 청록.

그것은 두 가지 색상의 조합이며, 둘 다 매우 뚜렷합니다. 이것은 상당한 수의 추가 플레이어를 허용 할 수 있습니다.

각 클랜에는 기본 색상과 보조 색상 세트가 모두 있습니다.

"게는 주로 청회색, 검정, 빨강 및 갈색으로 식별되었습니다."

사람이 어떻게 생겼는지 (대형, 연약한, 사무라이, 마법사, 농민) 어떤 클랜에서 왔는지 항상 알 수 있기 때문에 아름답습니다. 전갈의 "빨간색"이 아니라 어두운 붉은 색과 검은 색이었습니다. 피닉스는 붉은 색, 주황색, 노란색의 햇살 색을 띠었습니다.

색상이 비슷하고 빨간색을 많이 사용하더라도 전갈을 피닉스와 혼동하지 마십시오.

이 색상 혼합기를 사용하십시오 : w3schools.com HTML 색상 혼합기 .

다음은 내가 한 일입니다. 첫 번째 옵션의 색상을 선택하십시오. 그런 다음 두 번째 색상이 첫 번째 색상과 정확히 반대 위치에 있도록 두 번째 옵션에서 하나를 선택하십시오. 따라서 위치 : 행 1, 셀 1의 색상은 마지막 행, 마지막 셀과 반대입니다.

이렇게하면 매번 믹스의 끝에서 서로 다른 두 가지 색상으로 끝납니다. 이 선택을 5 번 반복하여 항상 마지막 선택과는 다른 색상을 선택하십시오.

이 질문에는 많은 답변이 있지만 접근성에 대해 더 많이 다루고 싶습니다.

내가 당신의 시나리오에 있다면 (관련된 모든 플레이어가 구별 해야하는 게임에서 많은 양의 색상을 선택 해야하는 경우), 나의 주요 관심사는 색맹 인 플레이어뿐만 아니라 저시력.

내가 아는 한이 문제에 대한 유일한 해결책은 VALUE CONTRAST 입니다. 일부 사람들은 흑백으로 만 볼 수 있습니다 (출처 : 레이저 눈 수술 실패로 인해 색상을 전혀 인식 할 수없는 색상 이론 수업을받는 것에 대한 미술 대학의 이야기). 일부 사람들은 시력이 약하거나 부분적으로 / 법적으로 맹인입니다. 당신은 필요 회색의 독특한 음영을 당신은 색상 수 있도록 출발점으로 DO 선택은 볼과에 대한 별개 모든 사람 .

이 모든 것을 달성하고 좋아 보이는 색상을 얻으려면 수직 흑백 그라디언트 위에 색상 혼합 모드에서 수평 무지개 그라디언트를 겹쳐서 얻은 이미지를 고려하십시오 (아마도 사용자 정의 색상으로 시도하십시오) 무지개 이외의 그라디언트!) :

가장 어둡고 가장 밝음 : 검은 색, 파란색, 빨간색, 자홍색, 녹색, 녹청색, 노랑색, 흰색.

"순수한 색"의 희미한 지그재그를 볼 수 있습니까? 그것은 설명 된 색상의 자연스러운 가치입니다. 순수한 색상을 사용하더라도 파란색이 가장 어둡고 노란색이 가장 밝습니다. 모두 색맹 및 / 또는 저시력 게이머의 값 요구 사항에 맞게 색상을 선택할 수있는 정보 활용 및 선택한 색조의 전체 위엄을 인식 할 수있는 사람들에게 심미적으로 만족됩니다.

도움이 되었기를 바랍니다! :-)

추신 : 나는 당신 이이 의견을 보았는지 확인하고 싶습니다!

색맹에 대한 가장 좋은 대답은 색에 의존하지 않는 것입니다. 모든 플레이어는 자신이 조종하는 배우에게 이상적으로 독특한 실루엣을 가져야합니다. 그리고 나는 상징이 아닌 실루엣을 의미합니다. 너무 많은 매치 3 종류의 게임이 완전히 잘못되고 색맹이없는 사람조차도 게임하기가 어렵고 눈의 피로를 유발합니다. – Sean Middleditch 12 월 30 '12 일 5:08

(색맹을 고려하지 않고) 다양한 수의 플레이어에 대해 구별 가능한 색상으로 최적의 설정을 보장하는 방법은 HSL (Hue, Saturation and 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);

다른 색 구성표를 제시하고 싶습니다.

다음은 제안 된 이름의 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

참고 : 나는 순수한 흑백을 사용하지 않았으며 아마도 배경이나 윤곽선으로 사용될 것이라고 생각했습니다.

방법론 : 색상 큐브의 포화 된면에서 12 개의 색상을 고르고 (12 가지로 만족할 것 같음) 분리를 시선으로 돌린 다음 색맹을 시뮬레이션하는 도구를 사용하여 tweeking을 시작했습니다. 그 후, 나는 거의 흰색, 거의 검정색을 추가하고 회색을 몰래 움직였습니다. 그것은 나에게 15 가지 색을 주었다. 나는 2의 거듭 제곱이기 때문에 16 가지 색상을 원했지만 개발자가 더 쉽게 만들 수 있습니다. 결국 나는 16 번째 색을 추가하는 방법을 찾았고 다른 색을 그 주위로 옮겨야했습니다. 그런 다음 색맹 시뮬레이션 도구로 다시 확인하고 수정하고 반복하십시오.

다양한 색맹 사례는 다음과 같습니다.

표준:

원핵 생물 :

중수소 :

트리 타노 피아 :

단백질 종 :

중수소 종 :

트리 타노 말리 :

무채색 증 :

무색 세포종 :

잠시 동안 색맹 시뮬레이션 도구를 사용한 후에는 대비가 가장 중요합니다.

예를 들어 5 번째 (연한 녹색), 7 번째 (회색) 및 9 번째 (연한 자주색) 색상을 고려하십시오. 경우에 따라, 특히 작은 크기로 다른 색으로 구분되어 보입니다. 그러나 그것들을 나란히 놓고 구별 할 수 있습니다. 색상으로 덮인 영역을 늘리면 훨씬 쉽게 구별 할 수 있습니다. 색맹을위한 디자인은 단지 색을 고르는 것이 아닙니다.

그 쪽에서 ... 진영을 나타 내기 위해 하나가 아닌 두 가지 색상의 조합을 선택하면 먼 길을갑니다.

이 색상은 매우 실험적인 방법으로 선택되었습니다. 매우 중요한 점은 밝기가 모두 다른지 확인하는 것입니다. 또한 대부분의 "색상"이 두 번 나타납니다 (두 개의 녹색, 두 개의 보라색, 두 개의 갈색 등이 있습니다). 실제로 4 번째 색상 (올리브)이 마지막으로 추가 된 것으로, 노란색과 같은 것이 없기 때문에 노란색과 같은 색상으로 결정합니다. 더 체계적인 색상 선택 방법의 기초가 될 수 있다고 생각합니다.

회고에서는 아마도 두 번째 노란색과 같은 색상 (올리브)을 더 어둡게 만들고 해당 밝기 스팟을 핑크색으로 사용해야합니다 (7 색 참조). 왜? 더 많은 음영을 줄 수 있기 때문입니다. 어 ... 이것은 충분하고 모든 사진을 얻는 것은 번거 롭습니다.

부록 : 내가 고려하지 않은 것은 원하는 각도 범위를 벗어나면 LCD 화면이 어떻게 색상이 왜곡되는지입니다.