Wie kann ich ein Farbschema basierend auf zwei bestimmten, benachbarten (ähnlichen) Farben erstellen?

Ich helfe einem Freund bei der Erstellung seiner Website. Er hat sein Logo und einen Flyer, den er verwendet, zur Verfügung gestellt, die das Farbschema verwenden, für das er sich entschieden hat - grün, blau und weiß. Die spezifischen Farbwerte für Blau und Grün sind:

00AEEF

#00AEEF

79BA55

#79BA55

Die Verwendung dieser Farben für On-Page-Elemente hat bei mir zu schlechten Ergebnissen geführt.

Ich habe versucht, mit Adobe Color CC eine Palette zu finden, kann aber mit diesen beiden spezifischen Hex-Werten nichts erzeugen. Wenn ich es nicht richtig verwende, sieht es so aus, als ob Color CC nur Schemata erstellt, die auf einer ausgewählten Farbe basieren, anstatt mir zu erlauben, zwei Farben anzugeben, um sie zu umgehen.

Wie kann oder was kann ich unter diesen Umständen angesichts der spezifischen Farben, die mir zur Verfügung gestellt wurden, verwenden, um daraus ein zufriedenstellendes Farbschema zu erstellen?

Beachten Sie, dass ich nicht darum bitte, die gleiche Art von/äquivalentem Farbschema für andere beliebige Farben zu erstellen.

Nochmals - dies ist NICHT dieselbe Frage wie die hier gestellte , bei der es darum geht, ob die Berechnungen sinnvoll sind. Meine Frage fragt nicht nach Berechnungen; Ich frage, wie ich eine Palette komplementärer Farben basierend auf den beiden, die mir zur Verfügung gestellt wurden, erstellen kann.

Möchten Sie eine mathematische Lösung? Oder nur ein Werkzeug, mit dem Sie mit zwei Kernfarben arbeiten können?
Benteh - Ich suche nur nach Letzterem. Ich schätze den Vorschlag von @ZachSaucier, aber nachdem ich ihn gelesen habe, hört es sich so an, als würde das OP darum bitten, die gleiche Art von/äquivalentem Farbschema für alle anderen beliebigen Farben zu erstellen, was sich etwas von meiner Frage unterscheidet.
Erstens, ich glaube, Sie haben vergessen, in Adobe Color auf „Benutzerdefiniert“ zu klicken. Zweitens ist das Erstellen eines Farbschemas eine ziemliche Kunst, und eine detaillierte Beschreibung des Prozesses wäre viel zu lang für unser Q&A-Format. Ich würde Ihnen raten, eine Reihe von Artikeln zu lesen, die hier im Smashing Magazine beginnen, um ein grundlegendes Verständnis der Farbtheorie, Terminologie und Schemata zu erhalten.
@Vincent - Aber wie hilft das Klicken auf "Benutzerdefiniert", um zusätzliche Farben für einen bestimmten Satz zu identifizieren? Für mich lässt es mich nur Farbwerte manuell einstellen – es bietet keine Vorschläge für zusätzliche Werte. Ich schätze die grundlegenden Konzepte der Farbtheorie, von denen ich annehme, dass sie die Grundlage für meine Frage bilden, da ich kein Werkzeug oder keine Methode gefunden habe, um analoge oder komplementäre Farben auf der Grundlage der beiden mir gegebenen Werte zu identifizieren. Ebenso schätze ich die Schwierigkeit (daher auch meine Frage); Wenn es zu schwierig ist, eine systematische Lösung bereitzustellen, dann ist dies eine absolut gültige Antwort.
Das tut es nicht. Und ja, das Erstellen eines Farbschemas aus zwei vorgegebenen Farben ist sowohl Kunst als auch Wissenschaft, wie viele Dinge im Design. Ich würde ernsthaft den dritten Artikel in der von mir erwähnten Serie empfehlen, um eine Vorstellung zu bekommen.
Liefert eine der Antworten hier die Lösung, nach der Sie suchen?
Leider liefern sie keine passende Antwort, @JohnB. Die Frage ist ähnlich, aber es sieht so aus, als würden die Antworten hauptsächlich eine andere Frage beantworten (es sieht so aus, als ob OP missverstanden wurde).

Antworten (2)

Es gibt viele Möglichkeiten, dies zu tun, auch mathematisch, aber hier ist ein eigensinniger Ansatz, der auf Erfahrung basiert.

Aus farbtheoretischer Sicht haben sowohl das Markenblau als auch das Grün ähnliche Werte (Sättigung/Leuchtkraft). Ich glaube nicht, dass Sie mehr helle Farben in der Palette brauchen. Sie können beide als Primärfarbe auswählen.

Verwenden Sie die Primärfarbe für Call-to-Action-Schaltflächen und Links. Verwenden Sie es sparsam, um die Hauptfunktionen der Seite hervorzuheben.

Erstellen Sie Tönungen (heller) und Schattierungen (dunkler) Ihrer Sekundärfarbe , indem Sie Weiß und RGB-Schwarz in 20-%-Schritten hinzufügen. So haben Sie eine Auswahl an Farben unterschiedlicher Intensität für Farbblöcke und Strukturelemente.

Geben Sie hier die Bildbeschreibung ein

Sie brauchen auch eine neutrale Farbe in Ihrer Palette. Dies ist oft grau oder sandfarben, aber Sie können eine kleine Menge Grün oder Blau hinzufügen, um das Grau weniger langweilig zu machen. Dies wird häufig als Hintergrund verwendet, um Schwerpunktbereiche der Seite zu definieren.

Ich weiß, dass viele Designer diesen Ansatz ziemlich langweilig finden würden, aber er ist ausfallsicher und dem von Googles Material Design ziemlich ähnlich.

Geben Sie hier die Bildbeschreibung ein

Danke für deinen konstruktiven Beitrag, @twigsta; das ist eine große Hilfe. Die Verwendung einer Farbe als Primärfarbe, der anderen als Sekundärfarbe mit Abstufungen und einer neutralen Farbe klingt nach einem praktischen Ansatz für mein Problem. Es ist nicht die aufregendste Palette, aber sie ist funktional - das ist im Moment alles, was für diese Seite zählt.

Eine weitere Option ist die Verwendung von https://coolors.co/. Sie können 2 benutzerdefinierte Farben hinzufügen und sie "sperren". (Ich denke, Sie müssen sich anmelden, um diese Funktion zu erhalten, obwohl sie für mich kostenlos war.) Sie drücken dann die Leertaste und es schlägt passende Farben vor, um das Thema zu vervollständigen.

Ich glaube, ich habe das schon einmal versucht, aber ich werde es noch einmal versuchen, danke.
Wie kann ich ein Farbschema basierend auf zwei bestimmten, benachbarten (ähnlichen) Farben erstellen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v