Palette von mindestens 10 Farbtönen mit 4 Helligkeitsstufen (nach wahrgenommenem Erscheinungsbild)

Für eine Benutzeroberfläche benötige ich mindestens 10 unverwechselbar wahrgenommene Farbtöne, um eine Palette mit diesen Kriterien zu erhalten:

  • Die Palette sollte mindestens 10 Farbtöne und 4 Helligkeitsstufen für jeden Farbton haben (dunkel, mittel-dunkel, mittel-hell, hell).
  • Jeder der Farbtöne sollte den gleichen wahrgenommenen Abstand zum nächsten haben.
  • Jeder der Farbtöne sollte eine hohe Sättigung haben (dh: Braun sollte keine Option sein, da es ein entsättigtes Orange ist). Auch Grau, Weiß oder Schwarz sind keine Option.
  • Jede Helligkeitsstufe sollte über alle Farbtöne hinweg als gleich wahrgenommen werden (dh: dark_blue sollte so dunkel wie dark_yellow sein).
  • Wenn jeder Farbton leicht benannt werden kann, wäre das eine schöne Ergänzung (z. B.: Rot, Orange, Gelb usw.).
  • Dunkle und mitteldunkle Helligkeiten sollten einen guten Kontrast zu Weiß haben
  • Helle und mittelhelle Helligkeiten sollten einen guten Kontrast zu Schwarz haben

Ich habe diesen Test gemacht, der weit von dem entfernt ist, was ich brauche (dh Gelb und Gold sind näher als Türkis und Blau), aber er kann eine Vorstellung davon geben, wonach ich suche:

Farbpalettentest mit 12 Farbtönen

Gibt es eine Palette, die diese Kriterien erfüllt? Wenn nicht, gibt es eine Möglichkeit, dies oder etwas Ähnliches zu erreichen?

Bearbeiten: Die Frage wurde von "12-Farben-Palette" in "Mindestens 10 Farben" geändert, da ich nicht speziell 12 benötige.

Müssen Sie farbenblinde Zuschauer kompensieren?
Nicht wirklich, da es andere visuelle Hinweise gibt (Symbole + Farben)
Übrigens ist es Vermilion, nicht Bermillion.
Danke für die Klarstellung @BillyKerr, ich habe es mit dem spanischen Wort verwechselt.

Antworten (3)

Das grundlegende Farbrad hat 12 Farben:

Geben Sie hier die Bildbeschreibung ein

Dies ist das Ergebnis, das diese 12 Farben in einer Reihe anzeigt, wobei eine dunklere und zwei helle Reihen hinzugefügt werden:

Geben Sie hier die Bildbeschreibung ein

Dieselbe Palette, die die Helligkeit von Gelb, Cyan und Magenta modifiziert, um die Tonwerte mit den anderen Farben abzugleichen:

Geben Sie hier die Bildbeschreibung ein

Ich denke, wenn Sie ein paar grundlegende Schritte wie beschrieben befolgen, können Sie eine der Fragestellung ziemlich ähnliche Palette erhalten, bei der nur kleine Änderungen vorgenommen werden müssen, z. B. in Dunkelrot oder Blau.

Hinweis: Die Bilder dieser Antwort sollen nur ein ungefähres Ergebnis der vollständigen Palette zeigen. Ich habe zwei Rechtecke mit 30 % und 50 % weißem Bildschirmmodus und ein 40 % schwarzes Rechteck im Multiplikationsmodus für die hellsten bzw. dunkelsten Zeilen und drei 25 % schwarze Rechtecke im Multiplikationsmodus über Gelb, Magenta und Cyan verwendet.

Zur Verdeutlichung: Welchen Prozess haben Sie angewendet, um Gelb, Cyan und Magenta in der zweiten Palette zu ändern?
25 % Schwarz-Multiplikationsmodus über den Farben
Danke für deine Antwort Danielillo. Die resultierende Palette ist schön, und ich werde sie in Betracht ziehen. Ich finde, dass einige der Farben, zumindest für mich, in Bezug auf Farbtöne näher beieinander liegen als andere. Zum Beispiel scheinen Cyan und Hellblau (für mich) näher zu sein als Rot und Orange. Deshalb suchte ich nach so etwas wie einem Munsell- oder Cielab-Ansatz oder einer anderen Methode, die mir nicht bekannt ist. Deshalb bin ich nicht von einem Farbrad wie rgb oder cymk ausgegangen. Um die Helligkeit zu korrigieren, müssen Sie dies auch anhand Ihrer persönlichen Wahrnehmung tun, die sich von anderen unterscheiden kann. Danke für deine Zeit und Einsicht

Schauen Sie sich Colar an : Es ist eine riesige Palette mit Wahrnehmungsanpassungen. Es scheint alle Ihre Anforderungen zu erfüllen und ist eine gute Basis für UI- und Design-/Illustrationsarbeiten

Matplotlib

Nur um einen Link zu einer IMHO-Qualitätsressource hinzuzufügen, ist der Artikel Choosing Colormaps in Matoplotlib aus dem Python-Universum. Das Paket ist bemerkenswert für seine Forschung zur Erzeugung freier wahrnehmungsmäßig einheitlicher sequentieller Farbkarten (Viridis, Plasma, Inferno); aber auch für Ihre Anforderung von 10 kategorialen Farben haben sie mit ihren qualitativen Farbkarten etwas zu sagen:

Matplotlib qualitative Farbkarten (12 Palettenplots)

tab10erfüllt jedoch nicht Ihr Kriterium, keine entsättigten Farben . Set3(minus grau) könnte eine Eingabe für eine andere Kandidatenliste von zu verwendenden Farbtönen liefern.

Turbo

Und indem ich einfach einem der Links im obigen Artikel folge, kann ich Googles Eintrag zum Thema bunte Regenbogenpaletten einwerfen: Turbo , eine wahrnehmbar einheitliche Weiterentwicklung von Matlabs berüchtigter Jet- Farbkarte:

Colormaps Turbo und Jet im Vergleich

Turbo-Teilmenge

Ich habe einen kleinen Kern (Python) erstellt , der gleichmäßig verteilte Farben aus der kontinuierlichen Turbo-Farbkarte herausnimmt. Anzahl und Offset davon können angepasst werden, hier für 12:

Farbpalette aus Turbo-Colormap

Ich denke, das ist ein guter Ansatz. Ich habe keine Python-Kenntnisse, aber gibt es eine Möglichkeit, Turbo in 12 Farben zu quantisieren und dann die ungefähren RGB-Werte zu erhalten?
@serknor: Wenn Sie dezimale RGB-Werte ([0.0-1.0] statt [0-255]) verdauen können, enthält dieser Gist von fmiorelli die Rohdaten für Turbo. Einfaches Subsampling jeder n-ten Zeile sollte ausreichen, um äquidistante Farben zu erhalten.
Ich habe es getan, es hat mir eine schöne Palette gegeben, aber es gibt ein Problem, das ich früher hätte sehen sollen. Turbo ist nicht 360º. Es springt von Rot nach Violett, es macht keine Schleife. Da ist keine purpurrote Farbe drin. Es wird also nicht nach der zweiten erforderlichen "gleichen wahrgenommenen Entfernung" gesucht.
Palette von mindestens 10 Farbtönen mit 4 Helligkeitsstufen (nach wahrgenommenem Erscheinungsbild)
AntwortenHierDatenschutz-Bestimmungen1y, 0v