Warum ist dieser Farbverlauf so viel attraktiver als andere?

Der Hauptunterschied zwischen dem ursprünglichen Beispiel und Ihren Experimenten besteht darin, dass das Original eine nicht annähernd so drastische Änderung des Farbtons abdeckt.

Der Übergang von Goldgelb zu Magenta/Pink ist etwa eine 1/6-Umdrehung des Farbrads. Im Gegensatz dazu sind Ihre Experimente (Orange-Rot zu Blau-Violett, Blau-Violett zu Gelb-Grün und Cyan zu Blau-Violett) alle mehr als 1/4 Umdrehung.

So viel Veränderung wird nicht als einzelne Verschiebung einer Farbe wahrgenommen, sondern als Verlauf über mehrere Farben hinweg. Da Ihr Farbverlauf in Ihren Kopfzeilen ziemlich verdichtet ist, kommt dies als ziemlich scharfe Änderung heraus und kann erklären, warum es sich für Sie nicht "natürlich" anfühlt.

Wenn Sie eine andere Farbe für Ihre Hauptfarbblöcke "Ziel" haben möchten, wählen Sie eine benachbarte Farbe für den Anfang des Farbverlaufs. Wählen Sie zB für Blau-Violett als Endpunkt ein tiefes Blau oder ein Magenta als Startpunkt. Für Gelbgrün als Endpunkt beginnen Sie mit Hellgrün oder Rot.

Natürlich geben Ihnen diese immer noch unterschiedliche "Stimmungen", abhängig von der Stimmung der beteiligten Farben - das Blau-Violett ist eine viel kühlere, ruhigere Farbe als das Rosa im Original. Aber zumindest sollten die Farbverläufe etwas glatter aussehen.

Da Sie sich fragen, "warum werden sie anders wahrgenommen", ist hier eine andere (sehr geekige) Sache zu berücksichtigen: die wahrgenommene Lumineszenz einer RGB-Farbe. Das ist schwer anzuwenden, also nimm meine Antwort fast nur als Kleinigkeit :)

Der Lumineszenzwert einer Farbe gibt an, wie "beleuchtet" Sie sie wahrnehmen. Wenn die Farbe eine Glühbirne wäre, würde eine Farbe mit geringer Lumineszenz als dunkel wahrgenommen werden (40-W-Glühbirne), während eine Farbe mit hoher Lumineszenz als sehr hell wahrgenommen würde (100-W-Glühbirne).

RGB-Farben werden tatsächlich mit kleinen "Glühbirnen" angezeigt. Die Bildschirme bestehen aus winzigen „Glühbirnen“, drei für jedes Pixel: R(ed), G(grün) und B(lue). Die spezifischen R-, G- und B-Werte einer Farbe geben an, wie hell jede winzige Glühbirne leuchten sollte, um die Illusion dieser Farbe zu erzeugen. Zum Beispiel wird die Farbe Orange RGB (255, 100, 0) erzeugt, indem die rote Glühbirne auf ihre maximale Potenz (255) gedreht wird, die grüne Glühbirne halbdunkel wird (100) und die blaue Glühbirne ausgeschaltet wird (0).

Hier ist eine Abbildung, die einige Farben zeigt und wie "hell" jede der RGB-Komponenten gemacht werden sollte, um die Illusion der Farbe zu erzeugen. Die kleinen Punkte unter jeder Farbe zeigen an, wie dunkel oder hell das Bauteil ist.

Wie Sie in der Abbildung sehen können, drehen Sie zum Beispiel für Weiß die 3 Komponenten auf das Maximum (255). Diese Kombination der 3 winzigen "Glühbirnen" wird vom Auge als weiß wahrgenommen (zu erklären, warum, wäre ein großer Exkurs). Um Schwarz zu erzeugen, schalten Sie alle aus. Ganz einfach: kein Licht, keine Farbe.

Die Lumineszenz jeder Farbe wird berechnet, indem „wie hell“ jede der 3 Komponenten addiert wird. Weiß wäre die Farbe mit der höchsten Lumineszenz, da die 3 Komponenten auf ihren maximalen Wert gedreht werden. Schwarz wäre derjenige mit dem niedrigsten. Gelb hätte die höchste Lumineszenz als Grün, da man zur Herstellung von Gelb maximal 2 Komponenten benötigt, zur Herstellung von Grün jedoch nur eine. So ungefähr könnte man das sagen

L = R + G + B

Es ist allerdings etwas komplizierter. Wenn Sie sich die Abbildung ansehen, werden Sie feststellen, dass die grüne Komponente heller zu sein scheint. Tatsächlich wird sie vom Auge als die hellste wahrgenommen. Blau hingegen wird als sehr dunkel empfunden. Die genaue Formel zur Berechnung der Lumineszenz berücksichtigt dies.

L = 0,2126 R + 0,7152 G + 0,0722 B

Hier ist noch einmal die Abbildung mit der berechneten Lumineszenz für jede Farbe.

Sie werden feststellen, dass, wie Ihr Auge Ihnen hätte sagen können, Gelb leuchtender ist als Orange, aber Orange mehr oder weniger so leuchtend ist wie Magenta.

Jetzt habe ich die Farben von zwei Ihrer Originalpaletten genommen und ihre Lumineszenz berechnet.

Im ersten Fall, der Ihnen gefällt, werden Sie feststellen, dass die Lumineszenz der ersten Farbe unten niedriger ist (125) als die der zweiten Farbe oben (200). Der Farbverlauf wird dann als eine Zunahme der Leuchtkraft wahrgenommen, als ob er aufleuchten würde.

Im zweiten Fall gibt es keinen großen Unterschied, sodass der Farbverlauf nur als Farbtonänderung wahrgenommen wird.

Im dritten Fall hat die untere Farbe eine höhere Lumineszenz als die obere, sodass der Farbverlauf als Abnahme der Luminanz wahrgenommen wird, als würde er abdunkeln.

Dies würde erklären, warum selbst wenn Sie 2 Farbtöne auswählen, die auf dem Farbkreis relativ gleich weit voneinander entfernt sind als die gewünschten, das Ergebnis anders wahrgenommen wird.

Ich füge nur die Antwort von AmeliaBR hinzu (sollte ein Kommentar sein, aber ich möchte ein Bild posten). Eine Möglichkeit, den Farbton zu „verschieben“, aber den gleichen relativen Abstand zwischen Anfangs- und Endfarbe beizubehalten, könnte die Verwendung des Farbton-Werkzeugs von Photoshop sein.

Nehmen Sie das erste Bild (das mit dem gewünschten Farbverlauf) und öffnen Sie es in Photoshop. Öffnen Sie dann das Werkzeug „Farbton/Sättigung“ ( Image->Adjustment->Hue Saturationoder Ctr+U) und spielen Sie mit dem ersten Schieberegler (Farbton). Dadurch wird der Farbton des gesamten Bildes verschoben, aber die Beziehung zwischen allen vorhandenen Farbtönen (insbesondere dem Anfangs- und dem Endfarbton Ihrer Farbverläufe) bleibt bestehen. Da die Rückseite Ihrer Schnittstelle schwarz (oder neutral grau) ist, wird die Farbtonverschiebung sie nicht beeinflussen.

Wenn Sie eine Kombination finden, die Ihnen gefällt, akzeptieren Sie einfach die Farbton-/Sättigungsänderungen (klicken Sie auf OK) und wählen Sie mit der Pipette (drücken Sie auf ) die Anfangs- und Endfarbe Ides Farbverlaufs aus.

In diesem Beispiel habe ich den Farbton auf -155 verschoben und der Farbverlauf geht jetzt vom (immer trendigen) Aquamaringrün zu Blau, was ein kühler, beruhigender Farbverlauf mit nautischen Anklängen ist.

Wohlgemerkt, die Farbwahrnehmung hat eine sehr persönliche Komponente. Was Sie für eine andere Person als „natürlich“ empfinden, könnte als Abweichung empfunden werden.

Von http://www.colormatters.com/color-and-design/basic-color-theory

1 - Ein Farbschema, das auf analogen Farben basiert

Analoge Farben sind beliebige drei Farben, die nebeneinander auf einem 12-teiligen Farbrad liegen, wie z. B. Gelbgrün, Gelb und Gelborange. Meist überwiegt eine der drei Farben.

2 - Ein Farbschema basierend auf Komplementärfarben

Komplementärfarben sind zwei beliebige Farben, die sich direkt gegenüberstehen, wie Rot und Grün und Rot-Lila und Gelb-Grün. In der obigen Abbildung gibt es mehrere Variationen von Gelbgrün in den Blättern und mehrere Variationen von Rotviolett in der Orchidee. Diese gegensätzlichen Farben schaffen maximalen Kontrast und maximale Stabilität.

3 - Ein Farbschema, das der Natur nachempfunden ist

Die Natur bietet einen perfekten Ausgangspunkt für Farbharmonie. In der Abbildung oben ergeben Rot, Gelb und Grün ein harmonisches Design, unabhängig davon, ob diese Kombination in eine technische Formel für Farbharmonie passt.