Wo finde ich eine große Palette mit Kontrastfarben zum Färben vieler Datensätze in einem Plot?


83

Ich benötige einen großen Satz (20 und mehr) kontrastreicher und leicht visuell unterscheidbarer Farben, um verschiedene Datensätze in einem wissenschaftlichen Diagramm einzufärben (der Farbsatz sollte nicht Weiß oder Schwarz enthalten und die Farben sollten so hell wie möglich sein).

Der Plot wird programmgesteuert erstellt und soll in eine Präsentation eingebunden werden, die mit einem Projektor angezeigt wird.

Gibt es fertige Farbsätze für eine solche Aufgabe (ich benötige Farben als Satz von RGB-Werten)?

Oder gibt es vielleicht einen Algorithmus, der programmgesteuert eine solche Menge von Farben erzeugt (ich verwende Wolfram Mathematica für die Plotgenerierung)?

PS Die Handlung selbst könnte zum Beispiel so aussehen:

Bildschirmfoto


Warum müssen sie für den Hintergrund wirklich unterscheidbar sein?
e100

Ich meinte, warum müssen die verschiedenen Sätze von Datenpunkten unterscheidbar sein?
e100

2
@ e100 Mit anderen Worten, Farben werden hier verwendet, um die Gruppenzugehörigkeit anzuzeigen.
Alexey Popkov

Antworten:


65

Dank großartiger Arbeit

P. Green-Armytage (2010): Ein Farbalphabet und die Grenzen der Farbcodierung. // Farbe: Design & Kreativität (5) (2010): 10, 1-23

(und dem Benutzer ohadsc, der darauf verwiesen hat!) Jetzt kenne ich mindestens 3 fertige Farbsets mit maximalem Kontrast, die nicht weniger als 20 Farben enthalten (aber ich habe immer noch explizite RBG-Werte nur für eine von ihnen):

1) Die von Kenneth Kelly in der Arbeit vorgeschlagene Menge von 22 Farben mit maximalem Kontrast:

K. Kelly (1965): Zweiundzwanzig Farben mit maximalem Kontrast. // Color Eng., 3 (6)

Besonderheiten (unter Berufung auf P. Green-Armytage): "Die Reihenfolge der Farben in Kellys Liste wurde so geplant, dass ein maximaler Kontrast zwischen den Farben in einem Satz erzielt wird, wenn die erforderliche Anzahl von Farben immer in der Reihenfolge von oben ausgewählt wird. <.. .> Kelly kümmerte sich um die Bedürfnisse von Menschen mit fehlerhaftem Farbsehen. Die ersten neun Farben würden sich sowohl für solche Menschen als auch für Menschen mit normalem Sehvermögen maximal unterscheiden. Diese neun Farben sind auch anhand des Farbnamens leicht zu unterscheiden. "

Zusätzliche Informationen (unter Berufung auf P. Green-Armytage): "Das ISCC hat das Projektkomitee 54 mit der Absicht eingerichtet, Kellys Arbeit auf den neuesten Stand zu bringen. Das Komitee entschied jedoch, dass sie sich für das, was sie versuchten, nicht verbessern konnten Kellys Farbenset. "

2) Die 25 Farben, die Robert und Ellen Carter in der Arbeit vorgeschlagen haben:

Robert C. Carter, Ellen C. Carter (1982): Kontrastreiche Farbsets. // Appl. Optics 21 (1982), 2936-2939.

Besonderheiten (unter Berufung auf P. Green-Armytage): "Carter und Carter nehmen Bezug auf Kellys Arbeit und bestätigen seine Annahme, dass die Leichtigkeit, mit der zwei Farben unterschieden werden können, davon abhängt, wie weit die Farben im Farbraum voneinander entfernt sind. Von den verfügbaren Farbräumen Zu der Zeit wählten sie CIE L u v * als am besten geeignet für ihre Studie. <...> Sie stellten fest, dass die Fähigkeit der Menschen, Farben korrekt zu identifizieren, schnell nachließ, wenn der Abstand zwischen den Farben weniger als 40 CIE L u v * -Einheiten betrug . " In ihrer Arbeit präsentieren sie einen Satz von 25 Farben, die durch mindestens 51,6 CIE L u v * -Einheiten voneinander getrennt sind .

3) Der von Paul Green-Armytage in der oben genannten Arbeit "Ein Farbalphabet und die Grenzen der Farbcodierung" vorgeschlagene Satz von 26 Farben für das Farbalphabet-Projekt. Dieser Farbsatz ist für die Verwendung mit weißem Hintergrund vorgesehen. RGB - Triplets dieses Satzes sind: {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}.

UPDATE 1

4) Es gibt einen weiteren ausgezeichneten Artikel zu diesem Thema:

Zeileis, Hornik und Murrell (2009): Escaping RGBland: Auswählen von Farben für statistische Grafiken // Computational Statistics & Data Analysis Volume 53, Ausgabe 9, 1. Juli 2009, Seiten 3259-3270

Dieser Artikel enthält 26 verschiedene Farben auf Seite 11:

Zeileis, Hornik und Murrell 2009 Farbset

RGB - Triplets dieses Satzes sind: {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}.

UPDATE 2

User Tatarize schlägt in seinem Blog vor :

5) Ein Satz von 64 maximal unterschiedlichen Farben :

Tatarizes Satz von 64 Farben, die sich maximal unterscheiden

6) Ein Farbwörterbuch mit 269 Farben, die sich maximal von allen vorherigen Farben unterscheiden (ich habe diese Funktion verwendet, um RGB-Triplets aus den Hex-Codes zu erhalten):

Das Farbalphabet von Tatarize

Hier sind die Hex-Codes von verlinkten Blog-Posts (vollständige Auflistung von 269 Hex-Codes von Tatarizes Farbalphabet, die aus Gründen der Lesbarkeit in der Änderungshistorie verborgen sind).

7) 256 verschiedene Farben .

UPDATE 3

Potenziell nützliche Webanwendungen:

UPDATE 4

8) Liste von 20 einfachen, eindeutigen Farben von Sasha Trubetskoy:

Bild

"Ich habe eine benutzerfreundliche Liste von Farben erstellt, die für alle Medien optimiert ist, natürlich nicht ohne winzige Kompromisse wie ungenaue CMYK-Konvertierungen. Das Hauptproblem ist die Auswahl von" reinen "(z. B. 100% Magenta) oder web-sicheren Farben Dies ist mein Versuch, eine schöne Palette zu erstellen, die sich gut für Diagramme im Netzwerk- oder Transit-Stil oder für kategoriale Daten eignet. "


1
Das ist sehr nützlich, Alexey. Vielen Dank! Ich frage mich, ob Sie etwas für 1. kontinuierliche Farbskalen (Farbverläufe) 2. Farbskalen oder Farbsets gefunden haben, die den Kontrast auch nach der Graustufenkonvertierung beibehalten (eine Anforderung zum Beispiel in APS-Journalen). graphicdesign.stackexchange.com/questions/7960/…
Szabolcs

Falls jemand es braucht, hier die Hex-Codes der Farben in der gleichen Reihenfolge wie auf dem Bild. **** 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

Hat jemand den Hex-Code für die Farben in Update # 1?
Rotverschiebung

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

Komma getrennt Hexstring von denen zu erstellen, verwenden Sie diesen Python oneliner: print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
fliegende Schafe

18

Die Kombination von "hell", "leicht zu unterscheiden" und "20 und mehr" ist schwierig. Erinnert mich an "Unsere Arbeit ist schnell, billig und von hoher Qualität. Wählen Sie zwei." Ich denke, Sie könnten "hell" aus der Mischung herausfallen und einfach "kontrastiert" sagen. Das macht es einfacher, den Auftrag auszuführen, und ich denke, er wird Sie dahin bringen, wo Sie sein möchten.

Ich kenne so ein Set nicht von der Hand, aber so würde ich es mit Photoshop machen:

  • Erstellen Sie ein leeres Dokument im gewünschten Farbmodus (RGB oder CMYK). RGB ist für alle Desktop-Drucker und für die Anzeige auf dem Bildschirm oder in der Projektion korrekt. Verwenden Sie CMYK nur, wenn Sie tatsächliche CMYK-Werte benötigen.

  • Wählen Sie 5 Grundfarben, die gleichmäßig im Farbkreis verteilt sind. In der Farbtoneinstellung bedeutet dies 0, 60, 120, 180, 240 und 300. Dies wären Ihre Ausgangspunkte. (Ersetzen Sie alternativ die Standardfarbfelder durch das Windows- oder Mac-Set, das im Flyout-Menü des Farbfeldbedienfelds verfügbar ist, und verwenden Sie das vorletzte bis vorletzte.)

  • Wählen Sie für jeden Farbton 5 oder 6 Helligkeitsstufen und Sättigungsstufen aus, mit denen Sie die endgültigen Farben leicht unterscheiden können.

  • Fügen Sie sie Ihren Farbfeldern hinzu, sobald Sie sie gefunden haben.

Wenn Sie diese so einrichten, dass sie programmgesteuert generiert werden, wählen Sie einfach den Wert aus, der zu dem Farbmodell passt, mit dem Sie sich befassen. Wenn Sie Illustrator oder Flash für die Punkte verwenden müssen, führen Sie die folgenden Schritte aus:

  • Löschen Sie alle anderen Farbfelder (Alt / Opt-Klick zum Entfernen), sodass nur noch die gewünschten übrig sind.

  • Speichern Sie die Farbfelder mit "Farbfelder für Exchange speichern ..." im Flyout "Farbfelder". Dadurch wird eine .ASE-Datei gespeichert, die in Illustrator, InDesign oder eine andere Adobe-App geladen werden kann.

Ich hoffe das hilft.

[Zusatz nach Frage erweitert]

Grundfarben in hex sind: 0xff0000 (reines Rot), 0xffff00 (Gelb), 0x00ff00 (Grün), 0x00ffff (Cyan), 0x0000ff (Blau) und 0xff00ff (Magenta). Beim Experimentieren stellte ich fest, dass reines Gelb zu nah zu weiß war, um für Ihre Zwecke völlig nützlich zu sein, und Blau erforderte einen anderen Ausgangspunkt, da es optisch dunkel war. Von jeder Grundfarbe kommen Sie mit 4 Nuancen davon. Da Sie auch Grautöne verwenden können, ist eine 7x4-Matrix mit den Farben möglich, die meiner Meinung nach aufgrund Ihrer Einschränkungen (und des vermuteten Mangels an Zugriff auf Photoshop oder eine ähnliche Anwendung) durchaus brauchbar sind. Besorgen Sie sich einen Taschenrechner und leiten Sie die Dezimalwerte ab, wenn Sie sie benötigen! :-)

  • Für alle außer Gelb, Blau und Grau sind Ihre Ausgangspunkte die reinen Farben. Reduzieren Sie die Hex-Werte für Ihre vier Farben von ff auf b0, 87 und 55.

  • Für Blau ist "hell" b0b0ff und die Schattierungen sind 8484ff, 4949ff und 0000ff.

  • Für Gelb: e4e400, baba00, 878700 und 545400 funktionieren, und für die Grauwerte stimmen die Bytes niedriger Ordnung mit den Bytes hoher und mittlerer Ordnung überein.

Mein schmutziges Diagramm (ohne die Grautöne) sieht so aus:

Farbraster


Ich habe meine Frage korrigiert: Die Farben sollten kontrastreich (und möglichst hell) sein. Der Plot wird programmgesteuert generiert und ich benötige die Farben als eine Reihe von RGB-Werten. Danke.
Alexey Popkov

Siehe die erweiterte Antwort. Ich denke, das bringt dich dahin, wo du sein musst.
Alan Gilbertson

2
Lesen Sie erneut Absatz 2 meiner Antwort. Sie haben nach RGB-Werten gefragt, nicht nach Munsell. Du hast RGB. Diese werden für Ihre Zwecke funktionieren, es ist nicht erforderlich, alle zu verwenden, und ich habe Ihnen die Details gegeben, damit Sie die Flexibilität haben, sie zu ändern. Website-Mitarbeiter sind nicht hier, um Ihre Arbeit für Sie zu erledigen (siehe FAQ).
Alan Gilbertson

2
Eine Korrektur der Werte in @ neu242s Kommentar (wobei Cyan und Blau "verschmelzen" und Weiß enthalten). Ich denke, Alans Farben sind: #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 #545454aber ich würde sie nicht unbedingt in dieser Reihenfolge verwenden ...
MikeLimaOscar

2
... hier sind sie wieder als RGB - Tripel aber „umgesetzt“: {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

Ein schöner Ansatz ist das Solarized- Farbschema von Ethan Schoonover.

Aus der Beschreibung:

"Solarized ist eine sechzehnfarbige Palette (acht Monotöne, acht Akzentfarben), die für die Verwendung mit Terminal- und GUI-Anwendungen entwickelt wurde."

Ich denke, es ist nicht nur ein schönes Farbschema, sondern auch erweiterbar und hat eine schöne Theorie dahinter.


6

Es gibt einen fundamentalen Fehler, der versucht, 20 verschiedene Dinge in einem Bild darzustellen. Das ist eine Menge visueller Unordnung, und das Hinzufügen von 20 Farben wird nur zu dieser Unordnung beitragen.

Ich würde in Betracht ziehen, das Gesamtbild zu überdenken, wenn Sie können. Vielleicht in 4 Bilder mit jeweils 5 Farben unterteilen, Überlagerungen mischen und anpassen usw.

Tufte ist die Anlaufstelle, um mehr über das Zeichnen von Daten auf eine Weise zu erfahren, die das Ziel am besten kommuniziert:

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


3

Sie können diesen Farbwähler ausprobieren. Es wurde für Karten entwickelt, aber wir verwenden es auch für Diagramme und Grafiken. Viel Glück!

http://colorbrewer2.org/

Maximal 12 Farben. Es tut uns leid. :)

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.