Bir arsa üzerinde birçok veri setini renklendirmek için geniş bir palet / kontrast renk setini nereden bulabilirim?


83

Bilimsel bir arsa üzerinde farklı veri setlerini renklendirmek için büyük bir sete (20 ve daha fazla) kontrastlı ve kolayca görsel olarak ayırt edilebilir renklere ihtiyacım var (renk kümesi beyaz veya siyah içermemeli ve renkler mümkün olduğunca parlak olmalıdır).

Grafik programlı olarak üretilir ve bir projektör kullanılarak gösterilecek olan bir sunuma dahil edilmesi amaçlanır.

Böyle bir görev için hazır renk setleri var mı (RGB değerleri kümesi olarak renklere ihtiyacım var)?

Ya da belki programatik olarak böyle bir renk kümesi üreten bir algoritma var (Ben arsa üretimi için Wolfram Mathematica kullanıyorum )?

PS Arsa, örneğin, buna benzer görünebilir:

ekran görüntüsü


Arka plan için, neden gerçekten ayırt edici olmaları gerekiyor?
e100

Demek istediğim, farklı veri noktalarının neden ayırt edilebilir olması gerekiyor?
e100

2
Diğer bir deyişle, burada renkler grup üyeliğini belirtmek için kullanılır.
Alexey Popkov

Yanıtlar:


65

Harika işler için teşekkürler

P. Green-Armytage (2010): Bir Renk Alfabesi ve Renk Kodlamasının Sınırları. // Renk: Tasarım ve Yaratıcılık (5) (2010): 10, 1-23

(ve kullanıcı için ohadsc kim başvurulan it!) şimdi az 20 renkleri (ama yine de bunlardan sadece biri için açık RBG değerlere sahip) içeren maksimum kontrast en az 3 hazır renk kümeleri biliyorum:

1) Çalışmada Kenneth Kelly tarafından önerilen maksimum kontrastın 22 renk kümesi:

K. Kelly (1965): Maksimum kontrastın yirmi iki rengi. // Renk Müh., 3 (6)

Özellikler (alıntı: P. Green-Armytage): "İstenilen renk sayısı her zaman üst sıradan seçildiyse, bir kümedeki renkler arasında maksimum kontrast oluşması için planlandı. .> Kelly, kusurlu renk görüşüne sahip insanların ihtiyaçlarını karşıladı. İlk dokuz renk, bu tür insanlar için olduğu gibi normal görüşe sahip kişiler için de çok farklı olacaktı. Bu dokuz renk de renk adına göre kolayca ayırt edilebilir. "

Ek bilgi (P. Green-Armytage'a atıfta bulunarak): "ISCC , Kelly'nin çalışmalarını gündeme getirme niyetiyle Proje Komitesi 54'ü oluşturdu. Ancak, komite, yapmaya çalıştıkları şey için gelişemediklerine karar verdi. Kelly'nin renkleri var. "

2) Çalışmada Robert ve Ellen Carter tarafından önerilen 25 renk kümesi:

Robert C. Carter, Ellen C. Carter (1982): Yüksek kontrast renk setleri. // Appl. Optik, 21 (1982) 2936-2939.

Özellikler (P. Green-Armytage'a atıfta bulunarak): "Carter ve Carter, Kelly'nin çalışmasına atıfta bulunur ve iki rengin ayırt edilebilme kolaylığının, renklerin renk uzayında ne kadar uzakta olduğuna bağlı olduğunu kabul eder. O zamanlar , çalışmaları için en uygun olanı olan CIE L u * 'yu seçtiler . <...> Renkler arasındaki mesafe 40 CIE L u v * ünitesinden daha az olduğunda, insanların renkleri doğru bir şekilde belirleme yeteneğinin hızla azaldığını buldular . " Çalışmalarında en az 51.6 CIE L u v * birimi ile ayrılmış 25 renk kümesi sunarlar .

3) Paul Green-Armytage tarafından yukarıda belirtilen "Bir Renk Alfabesi ve Renk Kodlamasının Sınırları" çalışmasında önerilen Renk Alfabesi Projesi için 26 renk kümesi. Bu renk kümesi beyaz arka plan ile kullanım için tasarlanmıştır. Bu setin RGB üçüz şunlardır: {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}.

GÜNCELLEME 1

4) Konuyla ilgili başka mükemmel bir makale var:

Zeileis, Hornik ve Murrell (2009): RGBland'den Kaçmak: İstatistiksel Grafikler İçin Renk Seçmek // Hesaplamalı İstatistik ve Veri Analizi Cilt 53, Sayı 9, 1 Temmuz 2009, Sayfa 3259-3270

Bu makale sayfa 11'de 26 farklı renkten oluşan güzel bir set içermektedir:

Zeileis, Hornik ve Murrell 2009 renk seti

Bu setin RGB üçüz şunlardır: {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}.

GÜNCELLEME 2

Kullanıcı Tatarize anlaşılacağı onun blog :

5) 64 farklı renkten oluşan bir dizi :

Tatarize'nin 64 farklı renk seçeneği

6) Önceki tüm renklerden maksimum olarak ayrı ayrı 269 renkten oluşan bir renk sözlüğü ( bu işlevi onaltılık kodlardan RGB üçlüsü elde etmek için kullandım ):

Tatarize'nin renk alfabesi

İşte bağlantılı blog post (okunabilmesi için değişikliklerin geçmişini gizli Tatarize renk alfabenin 269 altıgen kodlarının tam listesi) den onaltılık kodlardır.

7) 256 farklı renk .

GÜNCELLEME 3

Potansiyel olarak faydalı web uygulamaları:

GÜNCELLEME 4

8) Sasha Trubetskoy'dan 20 Basit, Farklı Renk Listesi :

görüntü

"Tüm ortamlarda optimize edilmiş renk listesini kullanmak kolaylaştı, tabii ki tam CMYK dönüşümleri gibi küçük ödünler vermeksizin değil. Asıl sorun" saf "(örneğin,% 100 macenta) veya web uyumlu renkler seçmek. karışıklığa, dikkat dağıtıcı ve dengesiz renk paletlerine yol açar. Bu benim ağ veya transit tarzı diyagramlar veya kategorik veriler için iyi çalışan güzel bir palette benim denemem. "


1
Bu oldukça kullanışlı, Alexey. Teşekkürler! 1. sürekli renk ölçekleri (gradyanlar) için bir şey bulup bulamadığınızı merak ediyorum 2. gri tonlama dönüşümünden sonra bile kontrastı koruyan renk ölçekleri veya renk kümeleri (örneğin, APS dergilerinde bir gereklilik). graphicdesign.stackexchange.com/questions/7960/…
Szabolcs

Herhangi birinin ihtiyacı varsa, resimdeki ile aynı renkteki onaltılı kodlar buradadır **** 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

Güncelleme # 1’deki renkler için hex koduna sahip olan var mı?
kırmızıya kayma

2
@redshift Bunlar: "#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

onlardan virgülle ayrılmış altıgen dizeler oluşturmak için bu python oneliner: kullanın print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
uçan koyun

18

"Parlak", "kolayca ayırt edilebilir" ve "20 ve daha fazla" kombinasyonu karmaşıktır. Bana "Çalışmalarımız hızlı, ucuz ve kaliteli. Her ikisini de seçin." Sanırım karışımdan "parlak" bırakıp sadece "kontrast" diyebilirsin. Bu kısa elde etmeyi kolaylaştırır ve bence sizi olmak istediğiniz yere götürürsünüz.

Elden böyle bir set bilmiyorum, ama işte Photoshop kullanarak nasıl giderdim:

  • Kullanmak istediğiniz renk modunda (RGB veya CMYK) boş bir belge oluşturun. RGB, tüm masaüstü yazıcılar ve ekran veya projeksiyon görüntüleme için doğrudur. CMYK'yı yalnızca gerçek CMYK değerlerine ihtiyacınız varsa kullanın.

  • Renk çarkına eşit şekilde yayılmış 5 temel renk seçin. Ton ayarında, 0, 60, 120, 180, 240 ve 300 anlamına gelir. Bunlar başlangıç ​​noktalarınız olacaktır. (Alternatif olarak, varsayılan renk örneklerini Renk Örnekleri paneli açılır menüsünde bulunan Windows veya Mac setiyle değiştirin ve 7.-sondan 2.-sona kadar kullanın.)

  • Her Ton için, kolayca ayırt edilebilen nihai renkler veren 5 veya 6 parlaklık ve doygunluk seviyelerini seçin.

  • Her birini bulduğunuzda, renk örneklerine ekleyin.

Bunları programlı olarak üretilecek şekilde ayarlıyorsanız, hangisiyle uğraştığınız renk modeline uygun değerleri seçin. Noktalar için Illustrator veya Flash kullanmanız gerekirse, şu adımları ekleyin:

  • Diğer tüm renk örneklerini silin (kaldırmak için Alt / Opt-tıkla), bu nedenle geriye kalanların tümü istediğinizlerdir.

  • Renk Örnekleri çıkışındaki "Değişim için Renk Örneklerini Kaydet ..." seçeneğini kullanarak renk örneklerini kaydedin. Bu, Illustrator, InDesign veya diğer Adobe uygulamalarından herhangi birine yüklenebilecek bir .ASE dosyasını kaydeder.

Umarım bu yardımcı olur.

[Sorudan sonra toplama genişletildi]

Onaltılı temel renkler şunlardır: 0xff0000 (saf kırmızı), 0xffff00 (sarı), 0x00ff00 (yeşil), 0x00ffff (camgöbeği), 0x0000ff (mavi) ve 0xff00ff (macenta). Bazı deneyler yaparak, saf sarı, amaçlarınız için tamamen yararlı olamayacak kadar beyaz gördüm ve mavi, farklı bir başlangıç ​​noktası gerektirdi çünkü görsel olarak karanlıktı. Her bir temel renkten 4 renkle kurtulabilirsiniz. Ayrıca grileri de kullanabildiğiniz için, kısıtlamalarınız (ve Photoshop'a ya da benzeri bir uygulamaya erişimin yetersiz olduğu varsayılırsa) oldukça kullanışlı renkler olarak kabul edeceğim şeylerin 7x4'lük bir matrisine izin verir. Bir hesap makinesi alın ve ihtiyacınız olursa ondalık değerleri elde edin! :-)

  • Sarı, mavi ve gri dışındaki herkes için başlangıç ​​noktalarınız saf renklerdir. Dört tonunuz için hex değerlerini ff'den b0, 87 ve 55'e düşürün.

  • Mavi için "parlak" b0b0ff, renk tonları 8484ff, 4949ff ve 0000ff'dir.

  • Sarı için: e4e400, baba00, 878700 ve 545400 çalışacaktır ve gri değerler için düşük sıra baytları her durumda yüksek ve orta ile aynı kılar.

Bu hızlı ve kirli grafiğim (eksi griler) şuna benziyor:

renk ızgarası


Sorumu düzelttim: renkler kontrastlanmalı (ve olabildiğince parlak). Arsa programsal olarak üretildi ve renklere RGB değerleri kümesi olarak ihtiyacım var. Teşekkür ederim.
Alexey Popkov 13:11

Genişletilmiş cevaba bakınız. Sanırım bu seni olman gereken yere getirecek.
Alan Gilbertson

2
Cevabımın 2. paragrafını tekrar okudum. RGB değerleri istediniz, Munsell'i değil; RGB'yi aldın. Bunlar sizin amaçlarınız için işe yarayacak, hepsini kullanmaya gerek kalmadı ve size onları değiştirme esnekliğine sahip olduğunuzu gösteren detaylar verdim. Site katkıda bulunanlar işinizi sizin için yapmak için burada değil (SSS bölümüne bakın).
Alan Gilbertson

2
@ Neu242'nin yorumundaki değerlerde bir düzeltme (burada mavi ve mavi "birleştirme" ve beyaz olan). Sanırım Alan'ın renkleri: #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 #545454ama onları mutlaka o sırayla kullanmazdım ...
MikeLimaOscar

2
... Burada da RGB üçlüsü olarak tekrar ama "aktarılmamıştır": {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

Güzel bir yaklaşım, Ethan Schoonover'ın Solarize edilmiş renk şemasıdır.

Soyundan:

"Solarized, terminal ve gui uygulamalarıyla kullanılmak üzere tasarlanmış on altı renk paletidir (sekiz monoton, sekiz vurgu rengi)."

Bence bu sadece hoş bir renk şeması değil, aynı zamanda genişletilebilir ve arkasındaki hoş bir teoriye sahip.


6

Temel bir kusur var ve bu, 20 farklı şeyi tek bir görselde çizmeye çalışıyor. Bu çok fazla görsel karışıklık ve 20 renk eklemek sadece bu karışıklığa eklenecek.

Yapabiliyorsan genel görseli yeniden düşünmeyi düşünürdüm. Belki de her birini 5 renkten oluşan 4 görsele ayırın, karıştırın ve bindirmeleri eşleştirin, vb.

Tufte, verileri en iyi şekilde iletme yollarını çizme hakkında daha fazla bilgi edinmek için kullanılabilecek bir kaynaktır:

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


3

Bu renk seçiciyi deneyebilirsiniz. Haritalar için tasarlandı, ancak bunu grafikler ve çizelgeler için de kullanıyoruz. İyi şanslar!

http://colorbrewer2.org/

Yine de maksimum 12 renk. üzgünüm. :)

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.