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

9

Wenn man sich die Farben in diesem Logo ansieht, ist klar, dass die Farben zueinander passen.

Wie finde ich Orange und Lila, die zum gleichen Farbschema passen?

Ich nehme an, die Farbe im 'R' ist gelb?

Geben Sie hier die Bildbeschreibung ein

Sandra Schlichting
quelle
Dieser Blog-Beitrag von User Interface Designer bei DMC Inc bietet ein herunterladbares PDF mit Farben und deren Codenummern. Es enthält auch Vorschläge für lesbare Farbpaletten. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Antworten:

11

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

Geben Sie hier die Bildbeschreibung ein

Es gibt auch andere Orte, an denen Sie mit Farben spielen können, z. B. Color Lovers oder Adobe Kuler

Scott
quelle
15

Verwechseln Sie "Match" nicht mit "Harmonisieren". Es gibt einen großen Unterschied.

Diese Farben stimmen nicht überein (sie sind nicht gleich ). Sie harmonieren . Um den Unterschied zu verstehen, und meine Antwort (was ich verspreche , ich werde lernen!), Haben wir einen kleinen Umweg in nehmen , was Farbe ist .

Einer der unglücklichsten Dinge über Farbe zu beschreiben ist , dass Schlüsselbegriffe mit technischen Bedeutungen sind auch sehr lose verwendet, sowohl in der Umgangssprache und in der Design - Welt, es ist so einfach , verwirrt zu werden. Es hat mich zum Teufel verwirrt, also fühl dich nicht 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: der kombinierten Empfindung, die durch Licht auf dem Auge 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, dass du 'eine Farbe' nennst". Es ist das, was wir meinen, wenn wir "Kirschrot" oder "Apfelgrün" sagen oder Ihr Lacklieferant sagt "das ist Booger Green, die neueste Modefarbe von Ipsum Studios". Man könnte meinen, wir könnten dort aufhören, aber es ist nicht die ganze Geschichte. Wie sie auf Facebook sagen: "Es ist kompliziert."

  • Farbton ist die Qualität, mit der wir etwas als "rot" oder "grünlich-gelb" oder "Chartreuse" wahrnehmen. In der allgemeinen Sprache wird das Wort "Farbe" häufig durch "Farbton" ersetzt und umgekehrt. Für einen Designer besteht eine Farbe jedoch aus einem Farbton und zwei weiteren Eigenschaften: Sättigung und Wert .

  • Die Sättigung bezieht sich darauf, wie "rein" oder "intensiv" der Farbton in einer bestimmten Farbe ist, die durch Hinzufügen von Weiß in Farbe 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.

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

Es gibt andere Möglichkeiten, Farben technisch zu beschreiben, aber die, die ich Ihnen hier gebe, ist die, auf die Sie im Bereich Grafikdesign am häufigsten stoßen. Sie ist in Photoshop, Illustrator und InDesign integriert, damit Sie leicht darauf zugreifen 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 rechts oben im Bedienfeld:

Reines Gelb

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

Klicken Sie auf OK und öffnen Sie den Farbwähler erneut. Ändern Sie das S-Feld auf 50%. Der Farbton hat sich nicht geä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 100% erneut und geben Sie nun 50 in das Feld B 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 von grundlegender Bedeutung für das Verständnis der Farbharmonie.

Sie haben gefragt, warum diese Farben zusammenpassen, um zu harmonisieren.

Farbharmonie ist ein Thema für sich, das Sie als Designer verstehen müssen. (Es könnte besser als Farbtonharmonie bezeichnet werden , da es mehr um Farbton als um Farbe geht.) In diesem Fall gibt es zwei Paare von komplementären Farbtönen, 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 für diese Farben die Pipette von Photoshop verwenden, werden Sie feststellen, dass keine von ihnen vollständig gesättigt ist. Das Entsättigen einer Farbe kann dazu beitragen, dass Farben, die normalerweise zusammenstoßen (zu kontrastreich für Komfort), friedlicher zusammenleben. In diesem Fall hilft die Verwendung von Farben mit sehr ähnlicher Sättigung und ähnlichem Wert auch 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 gedacht, dass ich Ihnen eine Antwort gegeben hätte, ohne alle notwendigen Hintergründe abzudecken. Ich hoffe du warst sowieso nicht zu gelangweilt.

Ich empfehle Ihnen, John McWades " Vorher und Nachher " -Magazin 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 für die Funktionsweise des Farbrads und ein Verständnis für die grundlegende Farbtheorie haben, werden Sie Ressourcen wie Kuler viel nützlicher finden.

Alan Gilbertson
quelle
Geniale Antwort, Alan. Außerdem sollten Sie wissen, dass Ipsum Studios für 2012 sechs neue aufregende Booger-Varianten herausbringt, darunter Crunchy Yellow, Nasal Dairy Spray und I'm Clearly Stuck On You (eine durchscheinende Glasur).
Lauren-Clear-Monica-Ipsum
1
Wow! Ich kann es kaum erwarten. Sei still, mein schlagendes Herz! :-D
Alan Gilbertson