Welche Faktoren haben diese Farben gemeinsam?

Ich nehme einen Schuss. Die von Ihnen angezeigten Farben sind nicht einzigartig - sie sind insofern ähnlich, als sie alle in einen kleinen Bereich von Sättigung und Helligkeit fallen, aber sie haben keinen ähnlichen Ton oder Farbton und sie unterliegen keiner bestimmten Farbharmonie. (das ist mir zumindest bekannt)

Als Gedankenexperiment nehme ich die gleichen Farben, die Sie bereitgestellt haben, und drehe alle dortigen Farbtonwerte um 45 Grad.

Jetzt haben wir also Farben, die die gleiche Sättigung und Helligkeit wie die vorherigen haben, aber wir haben den Farbton verschoben.

Wie Sie sehen können, gibt es technisch gesehen die gleiche Beziehung zwischen der ersten und der zweiten Farbe, sie passen nicht zu einer besonderen Farbharmonie, und um ehrlich zu sein, ist es mir genauso unangenehm zu sagen, dass die erste verwandt ist, wie die zweite verbunden.

Es ist besser, aus bekannten Farbharmonien zu erstellen, wie z. B. einer Tetrad-Farbharmonie. Diese lassen sich auch leichter programmatisch ändern, da sie auf Offset-Farbtonvariationen zwischen den Farben basieren. In Bezug auf die Generierung eines Hex-Codes müssten Sie einen Algorithmus erstellen, der hsl-Werte in Hex umwandelt, oder einfach hsl verwenden, die in CSS unterstützt werden, obwohl Sie ein Problem mit IE8 und darunter haben. (Es gibt Polyfills, die Unterstützung bieten, die mit einer Google-Suche gefunden werden können.)

Visuell scheinen alle Farben in Ihrem Screenshot eine ziemlich ähnliche Helligkeit und Sättigung zu haben. Sie sind nicht ganz gleich, aber sie sind ziemlich nah dran.

Ein Grund, warum dies nicht unbedingt aus der RGB- oder sogar der HSL / HSV -Darstellung der Farben ersichtlich ist, ist, dass selbst HSL / HSV ein ziemlich uneinheitlicher Farbraum ist: Farben, die den gleichen HSL-„Helligkeits“-Wert haben, können sehr unterschiedlich sein scheinbare Helligkeit in Abhängigkeit von ihrem Farbton und umgekehrt.

Das Problem wird durch die Tatsache verstärkt, dass die rohen RGB-Farbwerte, die Sie haben, höchstwahrscheinlich Gamma-codiert sind und zuerst in einen linearen Farbraum konvertiert werden müssten, bevor Sie mit ihnen nützliche Farbmetrik durchführen können.

Wenn Sie eine zusätzliche Farbe finden möchten, die eine ähnliche wahrgenommene Helligkeit und Sättigung wie Ihre ursprünglichen Farben hat, haben Sie grundsätzlich zwei Möglichkeiten:

1. Beobachten Sie es einfach. Beginnen Sie mit der einfachen HSL / HSV-Darstellung, ändern Sie den Farbtonwert nach Ihren Wünschen und passen Sie dann die Helligkeit und Sättigung manuell an, bis es gut aussieht. Ich vermute, das hat der ursprüngliche Designer der Palette getan.

2. Konvertieren Sie die Farben in einen wahrnehmbar einheitlichen Farbraum wie CIECAM02 (ggf. nach Gamma-Decodierung) und drehen Sie den Farbton in diesem Farbraum. Dies sollte zu Ergebnissen führen, die viel weniger manuelles Tuning erfordern, erfordert aber leider die Suche nach einer Software, die ein solches Farbmodell unterstützt (oder die eher nicht triviale Mathematik selbst durchführen).

Dies sind die Farbtonparameteränderungen im HSB-Farbsystem

Ihr Bild mit Farbtonanpassung