10 oyuncu için en uygun renkleri nasıl bulabilirim?

Her 10 oyuncuya benzersiz bir renk tanımak istiyorum. Bunun için optimum bir renk kümesi var mı? Nasıl bir tane oluşturabilirim?

Karşılaştığım her set birbirine çok benzeyen renkler içeriyor.

Güncelleme: Bunun ne için olduğu soruldu (dürüst soru). Şimdi size söyleyebilirim - Windwardopolis ve renkler harika çalıştı.

HSV boşluğunda eşit renk tonu değerleri üretebilirsiniz:

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

Ancak, her zaman 10 oyuncunuz olmayacak. Bu durumda, başka bir oyuncu için farklı bir palet oluşturmazsanız, palet çok verimli olmaz. Bunun yerine, bazı yazarlar eşitlik teoreminden kaynaklanan bir özellikten yararlanarak, altın oranını kullanarak bir palet oluşturmayı önermektedir :

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

Bu şekilde, 3 veya 4 veya 7 oyuncuyu bıraksanız bile, çok iyi bir renk tonu yayması elde edersiniz.

Pek çok irrasyonel sayı yapacak, ancak altın oran en iyi şekilde çalışacaktır ( kanıtlanmıştır ).

Son olarak, ince ayar yapmak Sveya aynı zamanda iki farklı üretici sekans kullanabilirsiniz V. Örneğin ( düzenleme : Daha sqrtiyi eşitlik çağrısı çağrısı ):

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)));

Güncelleme : Yukarıdaki sonuçlar Hinsan görsel sistemini hesaba katan bir düzeltme eğrisi (RGB bileşenleri için gamma eğrisine benzer) kullanılarak iyileştirilebilir . Bu, CIEDE2000 metrik kullanarak hesapladığım renk düzeltme eğrisidir :

Eşitlikçi ton değerleri için sonuçlar aşağıdaki gibidir:

Ve altın oranlı üretim dizileri için (tweaks olan ve olmayan V):

Makul derecede iyi bir tane bulur bulmaz programlarda kullanılmak üzere eğri formülünün bir yaklaşımını yayınlayacağım.

8 StarCraft renkleri :

Kırmızı, Mavi, Teal, Mor, Turuncu, Kahverengi (çöl haritalarında yeşil), Beyaz (buz haritalarında yeşil), Sarı

Obv. Blizzard, UI dahileridir ve problemi inceledi.

Green'i çöl haritalarında takas olarak bıraktıkları için teknikte 9 tane var.

12 Warcraft 3 renkler şunlardır:

Kırmızı, Mavi, Teal, Mor, Sarı, Turuncu, Yeşil, Pembe, Gri, Açık Mavi, Koyu Yeşil, Kahverengi

İşte bu nasıl görünüyor:

Gördüğünüz gibi, oldukça belirgin ve kolayca ayırt edilebiliyorlar. Koyu yeşil aslında deniz mavisinden ayırt edilmesi kolaydır, çünkü insan gözü yeşil tonlarını kolayca ayırt edebilir. Oyuncularınızın dişi tetrakromatlar olacağından eminseniz, muhtemelen herhangi bir renk seçebilirsiniz.

Buradaki birkaç kişi, HSV renk alanını ton üzerinde 10 eşit pozisyonda ayırmanızı tavsiye eder. Bence bu aslında iyi bir çözüm değil. İnsan gözü, HSV spektrumunda eşit renkteki farklılıkları algılamaz. Örneğin, portakal dediğimiz şey grubun küçük bir dilimini kaplar, oysa% 25'lik bir yığın yeşil olarak nitelenebilir. Bu yüzden kötü bir öncül ile başlar. Bu cevaptaki ilk renk sırasına bakın . İki yeşillik neredeyse ayırt edilemez.

Kullanıcılarınızın renkler hakkında iletişim kurması ve renklere başvurması gerektiğini unutmayın. Bunun ışığında, Starcraft / Warcraft teması takip etmek için harika bir ipucudur. Sade bir İngiliz Crayola renk listesine dayanarak seçim yapmak hiç de fena bir fikir değil, çünkü tanıdık adlandırılmış renklere sahip olacaksınız. Öyleyse, sadece kırmızı, turuncu, sarı, yeşil, mavi, mor, kahverengi, gri, beyaz, siyah olarak tanınabilir oldukları sürece, estetik görünümünüze uyan ne olursa olsun, kalın, yumuşak olacak şekilde ince ayar yapın.

Düzenleme: dil ve renk algısı arasındaki bağlantı çok ilginç, sadece bu harika bağlantıyı paylaşmak istedim:

Dünyanın crayola-fication: Renk isimleri nasıl verdik ve ampirik coşkuyla beyinlerimizi karıştırdı

Bu "sembol" yaklaşımını ayrı bir cevaba bölmem gerektiğini düşündüm.

Günün geri kalanında insanların uzaktaki bir orduyu kolayca tanımlayabilmek için bayraklara ve eşyalara ihtiyaç duyduklarını farz ediyorum, bu yüzden (müttefikler durumunda) saldırı veya savunma yapıp yapmamanız gerektiğini (düşmanlar durumunda) biliniyorsunuz.

Yani, bu kesinlikle yapmaya çalıştığınız şeydir. Uzaktaki bir şeyi kolayca tanımlayın.

Bunu sadece renkle yapabilirsiniz, ancak bunu yapmanın daha iyi bir yolu da renk ve sembollerle yapmaktır . Renklerin ve sembollerin bir kombinasyonunu kullanmak, renk körü körünün yukarıda belirtilen birçok kişiyi tanımlamasını sağlar.

Birimler yeterince büyükse, 2-4 renkli arma ile de gidebilirsiniz.

Desen değil, sadece bir renk, kolaylıkla tanınabilir. İyi dokulama, armayı her birimin göğsünde veya üst kolunda oldukça geniş tutabilir.

Yukarıdaki resimde, farklı birimler için olan kasklar , kalkan ambleminin yanı sıra, farklı geometrilere sahiptir .

Japonca fikrini, logoları çok basit görünen “Mono” olarak da bulabilirsiniz.

Şimdi temel olarak birimlerinizi modern "markalar" ile markalaştırıyorsunuz. StarCraft II bunu "çıkartmaları" ile biraz yaptı.

ancak bunlar oyun içerisinde zorlukla görülebilir

ve renkler kadar birimleri tanımlamak için kullanılmaz.

Bayraklara ilham vermek için de bakardım, özellikle 3 çizgili bir marka deseni kullanmayanları da (bunlar biraz kafa karıştırıcı olur). Düşünmek:

• İsviçre:
• Somolia:
• Güney Kore:

Bunların hepsi çok basit görünümlü, ancak kendine özgü bayraklara sahip.

Ayrıca Amerikan hükümetinin savunma personelini belirlemek için kullandığı sembollere de bakın. Bunlar siyah-beyaz görüntüler (tamamen siyah beyaz yapılabilir), bu yüzden renk körlüğü çeken insanları dışlamayacak harika bir çözüm olabilir (temelde renkleri yerine ekipleri tanımlamak için semboller kullanın)

Neden tekerleği yeniden icat ettin? Hatta onunu seçebileceğiniz on altı renk kümesi için bir standart bile var. Bu ANSI setidir http://en.wikipedia.org/wiki/ANSI_escape_code#Colors

ANSI renk, RGB küp üzerinde eşit olarak dağılmıştır, ki bence bu sorun için HSV alanından daha uygundur.

RGB küpünün uç kısımlarını alırken, kırmızı, mavi, camgöbeği vb. Gibi tanıdık renkler elde edersiniz. Sekiz köşe noktasından sonra, aradaki tüm noktaları kenarlardan alırsınız.

Ayırt edilebilecek 10 renk yapmak gerçekten zor olacak. Bu, birçok değer için grafik veya çizelge oluşturmada oldukça yaygın bir sorundur, bu nedenle genellikle renk ve şekil veya renk ve karma desen kombinasyonlarını kullanırlar.

İşaretleyicileri görüntülemeniz gerekiyorsa, 4 temel rengi (örneğin kırmızı, mavi, turuncu, siyah) ve dört temel şekli (kare, daire, üçgen, elmas) kullanabilir ve işaretleyicileri ayırt etmek için çok kolay 16 elde edebilirsiniz.

Alanları renklendiriyorsanız, aynı fikri kullanın, ancak renkleri şekillerin yerine siyah veya beyaz çizgilerdeki tarama desenleriyle birleştirin.

Dikkate alınması gereken bir diğer şey, tarafı söylemenin tek yolu olarak renk kullanmamaktır. Bir alanın üzerinde hareket etmek onu vurgulayabilir ve açık bir şekilde belirtilen oyuncu adıyla bir araç ipucu verebilir. Veya belki de 10 oyuncunun bir listesi üzerinde gezinebilir ve bir oyuncu adı üzerine geldiğinde, haritadaki tüm oyuncular o oyuncu için gösterilir.

Ayrıca, renkleri seçerken renk körlüğünü aklınızda bulundurun. Örneğin Yeşil ve Kırmızı ayırt edilemez. Bir göz atın http://jfly.iam.u-tokyo.ac.jp/color/#select renk körü kişiler için bir sorun olmayacaktır önerdi renklerin kümesi için. Ek bir kaynak: http://www.usability.gov/articles/newsletter/pubs/022010new.html#ColorsthatWorktheBest

Bir kişi tarafından kolayca ayırt edilebilecek 10 benzersiz renk elde etseniz bile, başka bir kişi hala bunu ayırt etmeyi zorlaştırabilir.

Kendinizi daha küçük bir renk grubuyla sınırlamayı ve siyah bir şerit gibi ayırt edici bir özellik eklemeyi düşünün . Renk grubu için, çoğu insanın kolayca ayırt edebileceğinden çok uzakta sapmamak muhtemelen en iyisidir: ROYGBIV . ROYGBIV üzerindeki basit bir şerit / şeritsiz, size 14 adet oyun parçasını verir.

Kendinizi de siyah bir şeritle sınırlamanız gerekmez. 25 çift kablolama için aşağıdaki çözümü göz önünde bulundurun (bu çiftler yerine kolayca çizgili olabilir): http://en.wikipedia.org/wiki/25-pair_color_code

Sadece, yüksek ayırt edici özellik için geliştirilen ve bu makalede açıklanan Tableau-10 paletine atıf yapmak istedim:

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

"Tableau-10 paleti, en iyi renk belirginliğini ve minimum isim örtüşmesini sağlıyor."

Brent Berlin ve Paul Kay, renk uzayının sadece birkaç temel renge ayrılabileceğini gösterdi, ancak bu, rengine bir ad vermenin onu ayırt edilebilir kılmasından dolayı kültürünüze bağlı.

İngilizce'de 11 temel renk vardır: beyaz, siyah, kırmızı, yeşil, sarı, mavi, kahverengi, mor, pembe, turuncu ve gri.

Matt Montag'ın belirttiği nedenlerle aynı tekerleğin etrafında renk seçme fikrinden hoşlanmıyorum.

Sadece renklerden daha fazlasını yapın; hem lore, hem sanat tarzı hem de rengin temsilini artıran görsel temsillere sahip olun.

Örneğin, Beş Yüzük Efsanesi, "renk kümesi" arasında ayrım yapmak için inanılmaz bir yöntem kullanıyor.

Ders almak için en güzel örneklerden biri. Klanlar arasında ayrım yaptıkları yüzlerce yolu not alın. Sadece birincil renkler değil, ikincil ve hatta üçüncül renkler. Renkler bile saç stili, aşınma tipi, karakter tipi, ekli sembol, bayraklar, pankartlar, arkada küçük bayraklar, kişilikler.

Bundan alacağım en büyük şey, çoklu renklerin birleşimidir. Basit değil: Mavi, Kırmızı, Mor, Kahverengi, Sarı, Yeşil, Teal.

Her ikisi de çok belirgin olan iki rengin bir birleşimidir. Bu, önemli miktarda ek oyuncuya izin verebilir.

Her bir klan hem birincil bir renge hem de ikincil renklere sahip olacaktı.

"Yengeç çoğunlukla mavi-gri, ayrıca siyah, kırmızı ve kahverengi renklerle tanımlandı."

Çok güzel, çünkü kişinin neye benzediğine bakılmaksızın (büyük, kırılgan, samuray, sihirbaz, köylü) her zaman hangi klandan olduklarını söyleyebilirsiniz. Akrep için sadece "Kırmızı" değildi, karanlık bir Kan Kırmızısı ve SİYAH'dı. Anka kuşu sunburst renklere sahipken: kırmızı, turuncu, sarı.

Bir Akrep'i asla bir Phoenix ile karıştırmazsınız, renkleri benzer olsa ve ikisi de çok fazla kırmızı kullanmış olsalar bile.

Bu renk karıştırıcısını deneyin: w3schools.com HTML Renk Karıştırıcısı .

İşte ne yaparım: ilk seçenek için bir renk seçin. Ardından, 2. renk için bir renk seçin, böylece 2. renk birincisine göre tam tersi konumda olacaktır. Böylece pozisyondaki renk: Row 1, Cell 1 tam tersi olur: Last Row, Last Cell.

Böylece karışımın ekstremitelerinde her zaman çok farklı 2 renk elde edersiniz. Her zaman son seçimden uzakta olan renkleri seçerek, bu 5 kez tekrarlayın.

Bu sorunun birçok cevabı var, ancak erişilebilirlik konusunda daha fazla dokunmak istedim.

Senaryonuzda olsaydım (bir oyunda yer alan tüm oyuncular tarafından farklı olarak algılanması gereken şeyler için bir miktar renk seçmem gerekiyorsa), esas kaygım yalnızca renk körü olmayan oyuncuları değil aynı zamanda az görme

Bildiğim kadarıyla bu konuda tek çözüm VALUE CONTRAST . Bazı insanlar sadece siyah beyaz görebilirler (kaynak: başarısız bir lazer göz ameliyatı nedeniyle hiç bir rengi algılayamazken, sanat kolejinden bir renk teorisi dersi alma konusundaki öykülerinden bir arkadaş). Bazı insanlar az görme veya kısmen / yasal olarak kördür. İhtiyacınız grinin farklı tonları renklerin böylece bir başlangıç noktası olarak DO seçim görüntülenebilir ve için ayrıdır HERKES .

Tüm bunları başarmak ve güzel görünen renklere sahip olmak için lütfen dikey siyah-beyaz degradenin üstüne renk karıştırma modunda yatay bir gökkuşağı gradyanı yerleştirerek elde edilen bu resmi göz önünde bulundurun (belki kendinize özel bir renkle deneyin) gökkuşağı dışındaki gradyanlar!):

En karanlıktan en hafifine: siyah, mavi, kırmızı, kırmızı, yeşil, mavi, sarı, beyaz.

"Saf renk" in soluk zikzakını görebiliyor musun? BU, gösterilen renklerin doğal değeridir. Saf renkler kullanılırken bile mavi en koyu, sarı en açıktır. Her iki renk körü ve / veya az gören oyuncular için değer ihtiyaçlarına uygun renkleri seçmek için bu bilgileri yararlanın VE seçtiğiniz tonlar tam heybet algılayabilir insanlara estetik vardır.

Bu yardımcı olur umarım! : -)

PS Bu yorumu da gördüğünüzden emin olmak istiyorum!

Renk körlüğüne en iyi cevap basit değil, renge bağlı. Her oyuncu ideal olarak kontrol ettiği tüm aktörler için benzersiz bir siluet olmalıdır. Ve siluet demek istiyorum, bir tür sembol değil; Maç 3 türünün çok fazla oyun bu tamamen yanlıştır ve renk körlüğü olan biri için bile, sadece oynamak için zor ve çok fazla göz yorgunluğuna neden olur. - Sean Middleditch 30 Aralık 12: 5: 08

Değişken sayıda oyuncu için (renk körlüğünü hesaba katmadan) ayırt edici renkler açısından optimum seti sağlamanın bir yolu, HSL (Ton, Doygunluk ve Hafiflik) renk modelinden seçmektir .

Seçiminize bağlı olarak sabit bir hafiflik ve doygunluk seçersiniz. Ardından 360 / playerCount, aşağıdaki sözde koddaki gibi , rengin tonunu değiştirirsiniz :

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

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

Alternatif bir renk şeması sunmak istiyorum:

Bunlar önerilen adlara sahip RGB renkleridir (aynı sırada):

#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

Not: Belki de arka plan veya anahat olarak kullanıldıklarını düşünerek saf siyah ve beyaz kullanmadım.

Metodoloji: renkli küpün doygun yüzünde 12 renk seçti (12 ile mutlu olacağımı düşünüyor), ayrılmalarını göz küresi yaparak ve sonra - renk körlüğünü simüle etmek için bir araç kullanarak - tüvitlemeye başladı. Daha sonra, yakın bir beyaz, yakın bir siyah ekledim ve griye gizlice girdim, çünkü yapabiliyordum. Bu bana 15 renk verdi. 16 renk istedim çünkü 2 güçtü ve geliştiriciler için işleri daha kolaylaştırabilmesine rağmen. Sonunda 16. bir renk eklemenin bir yolunu buldum, bunun için diğerlerini hareket ettirmek zorunda kaldım. Ardından ... renk körlüğü simülasyon aracıyla tekrar kontrol edin, düzeltin ve tekrarlayın.

İşte farklı renk körlüğü durumları:

Normal:

Protanopi:

Dötoranopi:

Tritanopia:

körlüğü:

körlüğü:

Tritanomaly:

Akromatopsi:

Achromatomaly:

Renk körlüğü simülasyon aracı ile bir süre oynadıktan sonra, söylemeliyim ki, kontrast çok önemlidir.

Örneğin, 5. (açık yeşil), 7. (gri) ve 9. (açık mor) renkleri göz önünde bulundurun. Bazı durumlarda, özellikle küçük boyutta ve başka bir renkle ayrılmış olarak benzerler. Ancak, yan yana koyun ve onları ayrı anlatabilirsiniz. Rengi kaplayan alanı arttırın ve daha kolay ayırt edebilirsiniz. Yani ... renk körlüğü için tasarım yapmak sadece renk seçmek değil.

Bu notta ... bir fraksiyonu temsil etmek yerine iki rengin bir kombinasyonunu seçerseniz, bu çok uzun bir yoldur.

Bu renk çok deneysel bir yöntemle seçildi. Çok önemli bir noktanın hepsinin farklı parlaklık olduğundan emin olmak olduğunu fark ettim. Ayrıca "renklerin" çoğunun iki kez göründüğünü de fark ettim (iki yeşil, iki mor, iki kahverengi, vb ...). Aslında, dördüncü renk (zeytin) eklediğim son renk ve sarımsı bir renk olacağına karar verdim, çünkü sarı gibi bir şey yoktu. Sanırım bu, renkleri seçmenin daha sistemik bir yolunun temeli olabilir.

Geriye dönük olarak, muhtemelen ikinci sarı renkli rengi (zeytin) daha koyu hale getirmeli ve bu parlaklık noktasını pembe renkte kullanmalıyım (bkz. 7. renk). Neden? Çünkü sana oynayacağın daha fazla renk verirdi. Ern ... bu yeterince iyi ve tüm fotoğrafları çekmek çok zor.

Zeyilname : Göz önünde bulundurmadığım bir şey, tercih edilen açı aralığının dışına çıkarsanız LCD ekranın renklerini nasıl bozduğudur.