Wie wähle ich Farben aus, die zueinander passen?

Verwechseln Sie „match“ nicht mit „harmonize“. Es gibt einen großen Unterschied.

Diese Farben stimmen nicht überein (sie sind nicht gleich ). Sie harmonieren . Um den Unterschied und meine Antwort zu verstehen (was ich versprechen werde ! ), müssen wir einen kleinen Umweg darüber machen, was Farbe ist .

Eines der unglücklichsten Dinge bei der Beschreibung von Farbe ist, dass Schlüsselbegriffe mit technischen Bedeutungen auch sehr locker verwendet werden, sowohl im allgemeinen Sprachgebrauch als auch in der Designwelt, sodass man leicht verwirrt werden kann. Es hat mich einmal zu Tode verwirrt, also fühl dich nicht so, als wärst du allein.

Hier geht es mit einer Skizze, einer sehr verkürzten Einführung in Farbe, britische Rechtschreibung und allem:

Ich werde das Wort Farbe von nun an mit einer ganz bestimmten Bedeutung verwenden : die kombinierte Empfindung, die im Auge durch Licht erzeugt wird, das von einem bestimmten Pigment oder direkt von einer beleuchteten Quelle reflektiert wird und von einem Beobachter wahrgenommen wird . Das ist eine langatmige Art zu sagen "was du siehst, das nennst du 'eine Farbe'". Das meinen wir, wenn wir „Kirschrot“ oder „Apfelgrün“ sagen oder Ihr Farblieferant sagt „das ist Booger Green, die neueste Modefarbe von Ipsum Studios“. Man könnte meinen, wir könnten hier aufhören, aber es ist nicht die ganze Geschichte. Wie sie auf Facebook sagen: „Es ist kompliziert.“

• Der Farbton ist die Qualität, durch die wir etwas als „rot“ oder „eine Art grünlich-gelb“ oder „gelblich“ wahrnehmen. Im allgemeinen Sprachgebrauch wird das Wort „Farbe“ oft durch „Farbton“ ersetzt und umgekehrt, aber für einen Designer umfasst eine Farbe einen Farbton und zwei weitere Qualitäten: Sättigung und Wert .

• Sättigung bezieht sich darauf, wie "rein" oder "intensiv" der Farbton in einer bestimmten Farbe ist, die in Farbe durch Hinzufügen von Weiß erzeugt wird, um "Farbtöne" oder Schwarz zu ergeben, um "Schattierungen" oder "Töne" zu ergeben. Wenn Sie die Sättigung von Rot durch Hinzufügen von Weiß verringern, erhalten Sie Rosa. Wenn Sie Schwarz zu Rot hinzufügen, erhalten Sie Burgunder.

• Wert ist die relative Helligkeit oder Dunkelheit der Farbe, unabhängig vom Farbton und getrennt von der Sättigung betrachtet. Ein helles Blau oder ein dunkles Blau sind immer noch blau . Für die meisten Zwecke in der Designarbeit ist Helligkeit ein Synonym für Wert.

Es gibt andere Möglichkeiten, Farben technisch zu beschreiben, aber die, die ich Ihnen hier gebe, ist diejenige, auf die Sie im Grafikdesignbereich am häufigsten stoßen werden, und sie ist in Photoshop, Illustrator und InDesign integriert, sodass Sie sie leicht in die Hände bekommen können - auf Erfahrung damit.

Nehmen wir ein konkretes Beispiel. Öffnen Sie die Photoshop-Farbauswahl und geben Sie im Feld H (Farbton) 56 ein. Ziehen Sie den kleinen Farbkreis ganz nach oben rechts im Bedienfeld:

Nennen Sie dies "Pure Yellow" oder "Buttercup" oder was auch immer Sie möchten. Dies ist ein Gelb, das vollständig gesättigt ist (es kann nicht intensiver werden) und so hell wie es nur geht. Beachten Sie, dass die Felder S (Sättigung) und B (Helligkeit) beide „100 %“ anzeigen.

Klicken Sie auf „OK“ und öffnen Sie die Farbauswahl erneut. Ändern Sie das S-Feld auf 50 %. Der Farbton hat sich nicht verändert und ist immer noch so hell wie es nur geht; nur die Sättigung hat sich geändert. Unsere Butterblume ist jetzt was? -- Vielleicht eine Primel. Machen Sie S wieder zu 100 % und geben Sie nun 50 in das B-Feld ein. Jetzt haben wir ein Braun. Wir haben eine andere Farbe , aber der Farbton hat sich immer noch nicht geändert und die Intensität oder Sättigung kann nicht erhöht werden. Spielen Sie ein bisschen damit herum. Machen Sie sich damit vertraut, denn es ist grundlegend für das Verständnis der Farbharmonie.

Sie haben gefragt, warum diese Farben scheinbar zusammenpassen, harmonieren.

Farbharmonie ist ein Thema für sich, das Sie als Designer verstehen müssen. (Es könnte besser als Farbtonharmonie bezeichnet werden , weil es mehr um den Farbton als um die Farbe geht.) In diesem Fall gibt es zwei Paare komplementärer Farbtöne, die so genannt werden, weil sie auf gegenüberliegenden Seiten des Farbkreises übereinstimmen . Dieser spezielle Fall ist als tetradische oder „quadratische“ Harmonie bekannt, da die vier gewählten Farbtöne gleichmäßig auf dem Rad verteilt sind und eine „doppelte Harmonie“ erzeugen.

Wenn Sie die Pipette von Photoshop für diese Farben verwenden, werden Sie sehen, dass keine von ihnen vollständig gesättigt ist. Das Entsättigen einer Farbe kann dazu beitragen, dass Farben, die normalerweise kollidieren würden (zu kontrastreich für Komfort), friedlicher koexistieren. In diesem Fall hilft auch die Verwendung von Farben mit ähnlicher Sättigung und Wertigkeit bei der Harmonisierung. Wenn Sie das Bild vollständig entsättigen – Ctl/Cmd-Shift-U, werden Sie sehen, was ich meine.

Epilog:

Das war ein bisschen lang, aber ich hätte nicht das Gefühl gehabt, Ihnen eine Antwort gegeben zu haben, ohne alle notwendigen Hintergrundinformationen abzudecken. Ich hoffe, du warst trotzdem nicht zu gelangweilt.

Ich empfehle Ihnen, das Magazin „ Before and After “ von John McWade zu abonnieren , aber auf jeden Fall sofort sein Farbrad-PDF herunterzuladen , um es für Ihre Arbeit zu verwenden.

Sobald Sie ein grundlegendes Verständnis dafür haben, wie das Farbrad funktioniert, und ein Gefühl für die grundlegende Farbtheorie haben, werden Sie Ressourcen wie Kuler viel nützlicher finden.

Verwenden Sie einfach den Farbwähler in einer App wie Photoshop. Stellen Sie das Dialogfeld so ein, dass die Option H oder Farbton verwendet wird, und suchen Sie eine Startfarbe. Um dann eine Farbe mit ähnlichem Wert zu erhalten, bewegen Sie den Schieberegler auf der Farbleiste nach oben und unten. Dadurch bleiben Sättigung und Helligkeit gleich und ändern nur den Farbtonwert. Bewegen Sie den Kreis im großen Farbbereich nicht.

Es gibt auch andere Orte, an denen man mit Farbe spielen kann, wie Color Lovers oder Adobes Kuler