Wie erstelle ich eine harmonische Farbpalette?

Sehen Sie sich diese harmonischen Farben an, sie stammen von Google Material Design. Ich frage mich, wie Google-Designer sie erstellt haben. Der Experte weiß, dass dunkles Gelb zu Zitrone wird (mit wenig Grün darin), aber die folgende Palette hat dieses Problem nicht. Gibt es einen Algorithmus zu beheben, um gelb gelb zu halten? Farbtonverschiebung durch Farbhelligkeit? Irgendwelche Ideen?

Geben Sie hier die Bildbeschreibung ein

PS

  1. Ich denke, das ist sehr hilfreich. Danke @Rafael.
  2. Danke @joojaa für all seine/ihre Kommentare in diesem Beitrag. Mir wurde klar, dass RGB / HSL möglicherweise nicht der richtige Farbraum ist, vielleicht sollte ich den Lab- oder LCH-Farbraum ausprobieren.
"Jeder weiß, dass aus dunklem Gelb Zitrone wird" Nein, das weiß ich nicht, und ich scheine ein oder zwei Dinge über Farben zu wissen. Und tatsächlich gibt es keinen inhärenten Grund, warum es das tun muss ... Bitte erläutern Sie, warum Sie dies annehmen.

Antworten (2)

Mittelstufen und Farbstreifen lassen sich mit Adobe Illustrator ganz einfach aus Blends erzeugen.

Sie müssen zuerst eine Liste von Grundfarben definieren. Die gewünschten Farben als Primärtöne. Beginnen Sie dann mit einer Grundfarbe. Stellen Sie die hellste Variation dieser Basis und die dunkelste Variation dieser Basis ein.

Geben Sie hier die Bildbeschreibung ein

Dann zwischen den 3 Schritten mixen...

Geben Sie hier die Bildbeschreibung ein

Warum "Gelb nicht grün wird" liegt daran, dass Rot hinzugefügt wird, um das Gelb abzudunkeln, und nicht Schwarz. Dies verschiebt die dunkle Seite der Mischung eher ins orangene als ins grüne Spektrum ... aber die gleiche Mischung ...

Geben Sie hier die Bildbeschreibung ein

Danke, Sie stellen diese Frage klarer. Bitte werfen Sie einen Blick auf Ihre gelbe Mischung, sehen Sie? Die dunklen Gelbs sind wirklich nicht gelb, es ist eine gelbe Zitrone mit Grün. Aber in meiner Frage konnte man sehen, dass sogar das Gelb dunkel wird, aber es ist immer noch gelb. Was mich interessiert, ist, wie sie es gemacht haben? Was ist der genaue Algorithmus, um den Farbton von Gelb nach Orange zu verschieben? :-)
Sie mischten einfach Gelb zu Orange. Daran ist nichts Mystisches.
Danke Scott! Warten wir mal ab, ob hinter dem Sinn Magie steckt. :-D

Wenn wir in Photoshop einen Verlauf von maximal buntem und leuchtendem Gelb RGB=255.255,0 zu einer dunkleren Version machen, sagen wir 128.128,0, kann er am dunklen Ende wirklich als grünlich gesehen werden. Es wird im obersten Streifen des nächsten Bildes angezeigt:

Geben Sie hier die Bildbeschreibung ein

Dies ist eine Eigenschaft unseres Sehvermögens und wie der RGB-Bildschirm es anregt. Grün beginnt auf halbem Weg des Farbverlaufs deutlich zu werden.

Der mittlere Streifen ist derselbe wie der erste, hat aber eine Farbtonverschiebung von -7 Grad (= in Richtung Rot). Helles Gelb wird zu etwas Orange, aber es gibt weniger Grün.

Der dritte Streifen hat am Anfang noch 255.255,0, aber am Ende ist die Farbe 128.128,0 mit -7 Grad Farbtonverschiebung. Es gibt deutlich weniger Grün als im ersten Farbverlauf, was Ihre Theorie beweist. Eine breitere Farbtonverschiebung als -7 Grad kann für mehr Orangenende verwendet werden.

7 Grad hier oder da können leider auch durch die Unterschiede zwischen den Computerbildschirmen verursacht werden. Eine weitere Quelle für Farbtonverschiebungen sind die zahlreichen Konvertierungen zwischen der Produktion und der endgültigen Anzeige.

Eine Vermutung: Aus diesem Grund hat Google nicht einmal versucht, das scheinbare Grün nur auszugleichen, sondern es deutlich orange gemacht.

Danke, Bruder, und ich frage mich immer noch, ob es einen präzisen Algorithmus für die Farbtonverschiebung gibt, nicht einfach nur eine -7.
@iheshi nichts sagt, dass die Interpolation in RGB korrekt ist! Aus physikalischer Sicht können wir sagen, dass es nicht so definiert ist, aber wenn es so wäre, wäre RGB definitiv falsch. Es ist viel besser, in einem HCL-Raum (oder wenn Sie HSB oder HSV müssen) zu interpolieren als direkt in RGB. Selbst das Interpolieren in XYZ und Lab ist tatsächlich sinnvoller als das Interpolieren in etwas so Schiefem wie RGB. Da RGB nicht linear ist, macht Ihre Interpolation wenig Sinn, obwohl es sinnvoller ist, wenn Sie die Interpolationskurven zeichnen dürfen.
@joojaa Natürlich benutze ich HSL und XYZ. Niemand spricht hier von RGB. :-)
@iheshi HSL hat das gleiche Problem wie RGB. Versuchen Sie, in HCL zu interpolieren, aber verwenden Sie keine schnellen und schmutzigen Wikipedia-Formulierungen, sondern verwenden Sie wirklich ein CMS für die Transformation. Jedenfalls ist die Interpolation in Farbräumen einfach nicht definiert. Eine Linie hat wenig Bedeutung, genau wie Rafael sagt.
@joojaa Vielen Dank. Ich werde es versuchen.
Wie erstelle ich eine harmonische Farbpalette?
AntwortenHierDatenschutz-Bestimmungen1y, 0v