So erhalten Sie 10 verschiedene Farben, die leicht erkennbar sind

Ich habe eine Liste mit 10 Teams, jedes Team hat seine eigene Farbe.

Ich muss die Grafik erstellen, die die Teams mit der jeweiligen Farbe zeigt, und bräuchte einen Weg, um 10 Farben zu finden, die "verschieden genug" sind, um erkennbar zu sein.

Es gibt jedoch einige Bedingungen für die Farben:

  • kein rosa oder ähnliches ist erlaubt. Rot und Violett ist ok, aber andere "weibliche" Farben sind es nicht.
  • Die Sättigung sollte für jede Farbe ungefähr gleich sein.
  • Stumpfe Farben wie Braun sind zu vermeiden.

Jetzt geht es natürlich nicht darum, dass Sie mir 10 Farben geben. Ich würde lieber verstehen, was ein guter Ansatz wäre, um diese Farben so zu finden, dass sie die oben genannten Bedingungen erfüllen.. Es von Hand mit dem Farbwähler zu tun, brachte keine guten Ergebnisse, also gibt es vielleicht einen mathematischen Weg oder ein Werkzeug dazu.

Menschen können sich im Allgemeinen nur wenige Farben als Memonik merken. Sie können sich jedoch Muster merken
Die Verwendung von nur Farbe ist eine schreckliche Methode, um zwischen vielen ansonsten ähnlichen Gegenständen zu unterscheiden. Wie würden Sie nach den grundlegenden Sieben die modifizierten nennen? Ist Türkisblau, Blaugrün, Cyan oder zu „mädchenhaft“?
Lila und Violett werden von den meisten Frauen bevorzugt und gelten nicht als männlich. Dann ist da noch Gelb, der am wenigsten bevorzugte Farbton.

Antworten (7)

Mit diesen Einschränkungen können Sie wahrscheinlich nicht.

Hier ist eine ähnliche Frage , der Benutzer hat ungefähr 20 gestellt, aber ohne die Einschränkungen.

Hier ist eine Suche nach der Verwendung von U-Bahn-Farben in Großstädten .

Sehen wir uns nun einen Prozess und die Ergebnisse an.

Sie müssen mit einem Farbrad beginnen, das kein Farbrad, sondern ein Farbkörper ist. In diesem Fall ein Kegel.

Geben Sie hier die Bildbeschreibung ein

Richten Sie Ihre Einschränkungen ein. Da Sie jedoch die gleiche Sättigung wünschen, benötigen Sie nur die obere Scheibe des Kegels.

Die unteren Schichten dienen der Helligkeit, sind aber auch in der Sättigung reduziert.

Geben Sie hier die Bildbeschreibung ein

Und jetzt wollen wir sehen, welche Farbe wir mechanisch haben können (D) und später mit einigen Anpassungen, um die mechanische Auswahl ein bisschen mehr zu differenzieren. (E)

Geben Sie hier die Bildbeschreibung ein

  • Traube?
  • Blau
  • „Hellblau“ (viele kennen den Begriff Cyan nicht)
  • Türkis? Manchmal ist es schwer, es von Cyan zu unterscheiden.
  • Grün (Dieses fluoreszierende Grün ist schwer von Türkis zu unterscheiden.
  • Kalk? Ist das grün oder gelb?
  • Gelb. Aber die scheinbare Helligkeit ist schwer mit weißem Text zu kombinieren. Einige U-Bahn-Systeme machen dies nicht lesbar.
  • Orange
  • Rot

Wir haben ungefähr 6 Farben und etwa 3 mögliche Farben, ohne farbenblinde Benutzer zu berücksichtigen.

Mal sehen, ob wir dies ein wenig erweitern können, indem wir die Sättigung entfernen (daher Helligkeitsbeschränkung).

Geben Sie hier die Bildbeschreibung ein

Wir können das Grün zu einem dunkleren Grün verschieben, die Limette zu einer entsättigten "Gras" -Farbe, wir können Braun verwenden, wir können Grau und wahrscheinlich ein Marineblau verwenden, Sie können ein Beige, etwas Pastellviolett haben ...

Wie im ersten von mir bereitgestellten Link erklärt, können Menschen nicht so viele Farben erkennen, wenn sie nicht zusammengesetzt sind.

Außerdem gibt es eine Menge Differenzierung pro Benutzer.

Hier ist ein lustiges Bild. http://www.thedoghousediaries.com/1406

Geben Sie hier die Bildbeschreibung ein

Viele interessante Antworten hier, aber diese hat mich am meisten beeindruckt. Danke für die Antwort.
Richtige Zuordnung für dieses Bild? (Nun ... ich weiß schon, woher es kommt. Ein damals ziemlich berühmter Fragebogen zu Farbnamen, mit vielen lustigen Antworten wie "Wie ich dir schon zwanzigmal gesagt habe, das heißt auch Grün".)
Namensnennung jetzt aktualisiert.
@Rafael das lustige Bild ist nicht wahr, als solches ist die eigentliche Grundwahrheit eher die männliche Seite für Frauen . Natürlich beschämt dich jeder, der die xkcd-Farbumfrage nicht gelesen hat und nach Farbe fragt
Nun, tatsächlich sind die gerenderten Farben auf dem Bild falsch und haben keine Methodik, wie sie für die Umfrage ausgewählt werden. Es ist nur eine Anekdote, nicht die tatsächliche "Grundwahrheit".

Da Farbe eine Wissenschaft ist, können Sie eine Vielzahl von Methoden anwenden, um fast jeden Aspekt zu bestimmen. Es gibt eine Menge Papiere zu fast jedem Aspekt der Farbe.

Wenn Sie jedoch anfangen, nach unterschiedlichen Farben zu suchen, die alle unterschiedlich sind, werden Sie auf Probleme stoßen.

Es ist schwierig, keine "weiblichen" Farben zu verlangen, da es keinen festen Weg gibt, einem Algorithmus mitzuteilen, was als "weibliche" Farben angesehen wird. Ja, Rosa-Lila werden von unseren kulturellen Normen als "weiblich" angesehen, aber nicht so für die Farbtheorie. Und je mehr Farben Sie auswählen, desto schwieriger wird es, die gleiche Variation zwischen den Farben zu haben.


Jetzt gibt es mehrere Methoden, mit denen Sie Ihr Problem angehen können. Das erste ist ein nettes Set mit 20 verschiedenen Farben, die Sasha Trubetskoy von Kellys 22 Colors of Maximum Contrast adaptiert hat .

Geben Sie hier die Bildbeschreibung ein

Dies ist ein guter Satz, der als Standard-Sprungpunkt verwendet werden kann, da sie:

  • Leicht unterscheidbar
  • Geschmackvoll leuchtend
  • Gegeben einfache, intuitive Namen
  • Wird mit Hex-, RGB- und CMYK-Werten geliefert

All dies macht sie zu hervorragenden Kandidaten für die Verwendung im Web und im Druck.


Zweitens hat Gavin Kistne diese Idee aufgegriffen und eine wunderbare Seite erstellt , auf der Sie die Parameter für Farbton, Sättigung und Helligkeit einstellen können, um eine Reihe von Farben zu erzeugen. Dann können Sie die Ergebnisse weiter optimieren, indem Sie den Schwellenwert und die Verschachtelung ändern.

Geben Sie hier die Bildbeschreibung ein


Endlich die richtige Mathematik, Sie können chroma.js von Gregor Aisch endlos nutzen.

Dies ist das Fleisch und die Kartoffeln der Farbmanipulation. Wenn Sie in die superfeinen Details der Verwendung von HSV, LAB und Bezier-Interpolation einsteigen möchten, um glatte Farbschemata zu erzielen, ist dies Ihr One-Stop-Shop!

Es gibt eine erstaunliche interaktive Dokumentation , die Sie sofort verwenden können, um damit herumzuspielen.

Wenn Sie die 20 (22) Farben aus der ersten Methode nehmen, können Sie weiter extrapolieren und experimentieren. Sie können auch Farben nehmen, ihr deltaE berechnen und von dort aus arbeiten, indem Sie das deltaE mathematisch verwenden, um Farben mit Ihren gewünschten Differenzstufen abzubilden.

Zusätzlich gibt es eine Website , die chroma.js nimmt und es in eine nette Oberfläche verpackt, um Farben auszuwählen und zu exportieren.

Schön. Aus Ihrem ersten Bild würde ich sagen, dass die mittlere Reihe bereits ziemlich unterschiedliche Farben hat, minus Magenta plus Schwarz und Weiß, die perfekt zur Frage passen.

Dies ist eine explorative Methode, keine "Endergebnis"-Methode.

Ich beginne im Allgemeinen mit ungefähr 50 % der erforderlichen Farben oder der „ungeraden maximalen Hälfte“, wenn es keine geraden 50 % sind. Mischen Sie dann zwischen den Farben, um Halbstufen von Farbvariationen zu erstellen. Es ist selten, dass Sie auf diese Weise übermäßig ungesättigte Farben oder Rosa erhalten, es sei denn, Sie verwenden Weiß/Schwarz für eine der Grundfarben. Brauntöne können basierend auf den Ausgangsfarben auftreten. Also verwerfen Sie diese einfach.

5 Grundfarben, dann zwischen den Schritten gemischt, um 4 weitere zu erhalten.....

Geben Sie hier die Bildbeschreibung ein

Was "feminin" ist oder nicht, liegt wirklich im Auge des Betrachters.

Und Sie können immer weiter zwischen den Farben mischen, um mehr zu bekommen....

Geben Sie hier die Bildbeschreibung ein

Stumpfe Farben wie Braun sind zu vermeiden. Ihre Methode berücksichtigt nicht die Sichtbarkeit und Differenzierung.
@Ovaryraptor, nur weil eine Mischung zu einer unerwünschten Farbe führt, bedeutet dies nicht, dass Farbe verwendet werden muss . Dies ist eine explorative Methode, keine "Endergebnis"-Methode. Sie können dann in vielen Fällen eine weitere Farbe auswählen und die Sättigung/Vibration anpassen . Kunst ... nicht Wissenschaft ... weißt du ...:)
Ich bin völlig anderer Meinung. Farbe ist zu 100 % eine Wissenschaft.
Farbe ist eine Wissenschaft, wenn sie implementiert wird, aber nicht, wenn sie bestimmt, was funktioniert oder nicht funktioniert. Es ist explorativ im Design ... es ist Wissenschaft in der Produktion .
@Ovaryraptor: Es gibt keine wissenschaftliche Formel, um "zu feminine Farben" zu vermeiden, daher wird ein rein wissenschaftlicher Ansatz für das OP nicht funktionieren. Ich denke, dies und einige der anderen Antworten dienen dazu, ein ausreichend großes Set zu geben, um Mainly Manly Colors manuell auswählen zu können.
@usr2564301 Es gibt keine "weibliche Farbe", die Bezeichnung ist ein soziales Konstrukt. Farbe ist Farbe ist Farbe. Es sind alles nur leichte Wellen :)
Im Design gibt es feminine Farben ... Farben, die Frauen vorzuziehen sind ... Farben, die bei Frauen tendenziell bessere Verkäufe erzielen. Dies spielt wiederum auf die KUNST der Farbe beim Entwerfen an...... Wenn Sie die Dinge nur vom Produktionsstandpunkt aus betrachten, dann okay ... es ist alles Wissenschaft und es macht für Sie keinen Unterschied, ob Sie etwas steigern könnten Umsatz 10 % allein durch die Verwendung einer "weiblichen" Farbe im Gegensatz zu einer "männlichen".

Das Finden der optimalen Teilmenge einer breiten Palette von Farben, um den Mindestabstand zwischen den einzelnen Farben der Teilmenge zu maximieren, ist ein (NP) schwieriges Problem, das jedoch leicht gelöst werden kann, wenn Ihre ursprüngliche Farbmenge nicht zu groß ist.

Ich würde vorschlagen, mit X11-Farben zu beginnen (155 Farben). Du hast gesagt, du willst kein Pink oder irgendwelche anderen Farben, am besten wählst du zuerst in den X11-Farben alle Farben aus, die für dich in Ordnung sind.

Dann können Sie unter Verwendung des Lab -Abstands zwischen Farben (je weiter entfernte Farben sind, desto visueller sollten sie theoretisch sein) "zufällig" Teilmengen von 10 Farben erstellen und die beste behalten.

Ich habe ein solches Tool für mich selbst codiert ( https://mokole.com/palette.html ) und Sie können den Code für sich selbst anpassen.

Folgendes bekomme ich nach ein paar Aufnahmen mit allen X11-Farben:

10 verschiedene Farben, sorry für das Fushia

Aus Sicht der Wahrnehmung sind Sie auf etwa fünf verschiedene unterschiedliche "benennbare" Farbtöne beschränkt. Wenn Sie die Kriterien drücken, können Sie sieben drücken. Außerdem sind einige Farbtöne aus der Ferne besser erkennbar als andere.

Farbe ist das letzte der visuell identifizierenden Objektmerkmale (nach Position, Bewegung, Größe, Form und schließlich Farbe).

Kleine Bereiche einiger Farbtöne erschweren die Identifizierung. (tiefes Blau auf Schwarz, tiefes Rot auf Schwarz, Weiß mit Gelb, Gelb mit Orange usw.) Eine ausreichende Fläche hilft, verwirrende visuelle Ähnlichkeiten zu vermeiden.

Was zu tun ist …
Erwägen Sie Farbkombinationen mit dominanten und akzentuierenden Farben und neutralen Farben, die für den Heim- und Auswärtsgebrauch umgekehrt werden können. Verwenden Sie weiße Namen und Verzierungen auf blauen Trikots für Auswärtsspiele/blaue Namen und Verzierungen auf weißen Trikots für Heimspiele usw. Dann können sogar gleiche Farben konkurrieren. Beispiel: Weiß mit rotem Rand (Heimmannschaft – die „Weißen“ versus Rot mit weißem Rand (Auswärtsmannschaft – die „Roten“). Es gibt auch Schwarz, Grau und Weiß als dominante „Farben“, die dem normalen Spektralbereich hinzugefügt werden Farbtöne.

Die Eigenschaft, für die Sie arbeiten, ist Unterscheidung, 10 Sportfarben, die sich am deutlichsten voneinander unterscheiden und leicht erkennbar sind.

Sie haben die 6 Farben des Regenbogens, um zu beginnen, und Sie müssen 10 machen, also müssen die zusätzlichen 4 Variationen einer der 6 Regenbogenfarben sein.

4 der 6 Farben können eine dunkle Version und eine helle Version haben, um 10 zu machen.

Um in konventionellen sportlichen Farbschemata zu bleiben und die größtmögliche Unterscheidung zu erzielen, empfehle ich Ihnen, dunkle und helle Versionen von Blau und Grün zu erstellen.

Die nächsten beiden werden mehr Beachtung finden, da helle Versionen von Rot, Orange, Gelb oder Violett zu feminin aussehen können. Was ich empfehle, ist, dass Sie damit experimentieren, eine dunkle und mittlere Version dieser Farben zu erstellen, nicht hell.

Erstellen Sie einige Möglichkeiten dieser endgültigen Farben, vielleicht dunkelrot und hellrot oder dunkelorange und mittelorange. Präsentieren Sie sie der Liga oder interessierten Parteien, um zu sehen, welche die besten sind.

Gleiche Sättigung ist mit diesem Ansatz nicht möglich, aber jeder würde zustimmen, dass Hellblau und Dunkelblau beide akzeptable unterschiedliche Teamfarben sind, selbst mit unterschiedlicher Sättigung.

Ich verwende gerne das Farbrad von Adobe als Ausgangspunkt, wenn ich eine Reihe von Farben finden muss. Es ist offensichtlich auf ein gewisses Maß begrenzt, aber ich denke, es könnte einen Blick wert sein. Sie können die eingeschränkten Auswahlmöglichkeiten aus dem Farbrad entfernen, während Sie mit der Auswahl spielen.