Farbschemata / Moderne Farbpalettenkollektionen 2020 & 2021
Tim Brown
Tim Brown ist Inhaber von Hook Agency, einem SEO- und Webdesign-Unternehmen, das sich hauptsächlich auf Traffic und Leads für kleine Unternehmen, Dachdecker und Bauunternehmen konzentriert.
Es ist wieder diese Jahreszeit – wo wir überlegen, was die Farbtrends in den letzten Jahren waren und wie sich diese bis 2021 ändern könnten. Welche Farbschemata werden 2021 explodieren? Welche Farben sterben flach und leblos und werden in das Rabattregal verbannt?
- Diese Liste fantastischer Farbpaletten ist ein großartiges Werkzeug für Designer, die ihre Arbeit im Jahr 2021 auffrischen möchten.
- Diese werden nicht automatisch generiert, sondern von Designern für Designer kuratiert.
- Wir haben einige der besten Farbpaletten aus dem Web integriert und einige unserer eigenen hinzugefügt!
Hier sind zunächst einige Vorhersagen für Farbtrends im Jahr 2021, die auf Modedesignern und Lackierunternehmen basieren:
Warum haben wir diese Liste bereitgestellt? Wir bedienen kleine Unternehmen und Auftragnehmer! Schauen Sie sich unsere Blog-Beiträge über Roofing Leads, HVAC Leads, Construction Leads und unsere Roofing SEO, Construction SEO und HVAC SEO Services an!
Inhaltsverzeichnis
Farbschemata für 2021!
Here are last years color schemes „2020 Color Schemes” – Shared December of 2020!
Seit ich 2012 mit dem Bloggen begonnen habe, ist die Nachfrage nach mehr Website-Farbschemata gestiegen wahnsinnig hoch. Deshalb war ich fasziniert, als ich die AWSM Color Instagram sah. Ich konnte diese Farbschemata nirgendwo im Internet finden, die einfach zu speichern sind. Warum also nicht teilen Sie sie für alle Leute auf der Suche nach 2019-2020 Website-Farbschemata!
Ich hoffe, dass Sie Ihnen genauso viel Spaß machen wie mir – und bitte folgen Sie AWSM Color auf Instagram.
Die besten Farbschema-Tools, die es heute für 2021 gibt:
Die Kriterien:
- Muss einfach sein, Farbschemata zu exportieren
- Ist kostenlos zu benutzen
- Kommt tatsächlich mit tollen Farbschemata.
- Kühler.co – kommt mit einigen anständigen Farbschemata – drücken Sie einfach ein paar Mal generieren, um den Motor zum Laufen zu bringen!
2. Paletton – „Komplementär hinzufügen“ und ziehen Sie den Selektor im Farbdiagramm, um Farben einfach zu finden. Probieren Sie einige andere Einstellungen aus, um sich mit diesem äußerst nützlichen und leistungsstarken Tool vertraut zu machen.
3. Colormind.io – Colormind soll ‚Deep Learning‘ verwenden, um Farbschemata aus populären Filmen und Kunst zu assimilieren – um bessere Farbschemata zu entwickeln. Wenn nichts anderes, ist es eine lustige Drehung auf Farbschemata für 2021!
Vielen Dank für das Lesen – Lesezeichen für diesen Beitrag. Wir werden bald weitere Farbschemata für 2021 hinzufügen, da wir beginnen, die High-Fashion-Designer-Trends für 2021 zu analysieren. Wir werden in den nächsten Wochen auch einen ausführlichen Artikel über diese Trends schreiben, also halten Sie Ausschau.
12 moderne Farbpalettenwerkzeuge für 2019-2021
Coolors.io
Am besten für: Grafikdesigner / Webdesigner
Coolors.co ist das erste und umfassendste Werkzeug für Farbpalette und Schema Generation auf dieser Liste. Die Plattform ist unglaublich robust und verfügt über eine Web-App zur Generierung sowie eine IOS-App, Bild-Upload in Farben, erweiterte Anpassungen und Export- / Freigabeoptionen. Es kommt sogar mit einem Plugin für Adobe CC-Programme (Photoshop & Illustrator), obwohl diese Funktion auf Kosten von $ 5 kommt (was ich persönlich denke, ist ziemlich erschwinglich). Eines der Dinge, die ich am meisten mag, ist jedoch, dass Sie sich für ein kostenloses Konto anmelden können, um die von Ihnen generierten Farbpaletten zu verwalten und zu organisieren. Dieses Konto wird auch mit den iOS + Adobe-Apps synchronisiert. Dies ist besonders hilfreich, wenn Sie ein Grafik- oder Webdesigner sind, der Farben verfolgen möchte, die Sie für eine Vielzahl von Kunden generieren. Es ist auch praktisch, wenn Sie beim Entwerfen schnellen Zugriff benötigen. Ein weiterer Bonus ist, dass Coolors kommt mit zwei Monaten kostenlosen Unterricht bei Skillshare.com . Ich würde sagen, das ist ein ziemlicher Diebstahl!
Canva.com
Am besten für: Amateur-Grafikdesigner
Canva.com bietet ein Tool, mit dem Benutzer ein Bild hochladen können, aus dem eine Farbpalette generiert wird. Was großartig ist, ist, dass dieses Tool völlig KOSTENLOS OHNE ANMELDUNG angeboten wird. Dies ist äußerst hilfreich, wenn Sie Materialien für eine Marke entwerfen, die eine starke fotografische Präsenz hat und bei der Farben beim Branding keine Rolle spielen. Oder vielleicht gibt es ein bestimmtes Foto, von dem der Kunde angezogen wird und aus dem eine Palette für seine Marke generiert werden soll.
Canva.com bietet auch eine Vielzahl anderer kostenloser Tools, wie das typografische Matching-Tool, den Design Sizing Guide, den Logo Maker und das Fotobearbeitungswerkzeug. Wenn Benutzer jedoch die volle Canva-Plattform nutzen möchten, die noch robustere Funktionen wie Kontoverwaltung, Export und eine Photoshop-ähnliche Web-App enthält, müssen sie eine monatliche Gebühr zahlen. Es gibt auch Rabatte für Studenten und gemeinnützige Organisationen.
Colormind.io
Am besten für: Grafikdesigner / Webdesigner
Als ich Colormind.io , Ich dachte, es sei eine einfache Farbschema-generierende App, aber nachdem ich ein wenig tiefer gegraben hatte, wurde mir klar, dass es so viel mehr und so viel cooler ist. Colormind im Kern ist eine Web-App, mit der Sie Farbschemata für Ihre Website generieren können. Was es jedoch einzigartig macht, ist, dass es tatsächlich visualisiert, wie dies auf einer Website für Sie aussehen wird. Es hat auch integrierte Material-Design-Unterstützung und Bild-Upload-Unterstützung. Wie cool ist das? Einfach, aber wirklich bekommt einige Kilometer aus dem, was es tut. Probieren Sie es selbst aus bei Colormind.io .
Meine Farbe.space
Am besten für: Webdesigner / UI-Designer
Dies ist ein Tool, das ich persönlich ziemlich oft verwende. Was ich an MyColor wirklich mag.Raum ist seine Einfachheit, und es ist sauber UI. Mit dem Tool zur Generierung von Farbpaletten können Sie eine einzelne Farbe auswählen, aus der die Web-App eine Vielzahl von Verläufen und Hex-Codes basierend auf dieser Farbe ausspuckt. Darüber hinaus verfügt die Web-App über einige großartige Tools zur Gradientengenerierung. Was ich an dem Tool zur Generierung von Farbverläufen wirklich mag, ist, dass es das CSS ausspuckt, das zum Erzeugen der Farbverläufe benötigt wird. So können Sie sie einfach kopieren und direkt in Ihren Front-End-Code einfügen!
Design Samen
Am besten für: Visuelle Designer / Grafikdesigner / Webdesigner
Was wäre ein Blogbeitrag zu Color Palette Tools ohne Design Seeds? Es ist keine Web-App zur Generierung von Paletten, sondern ein Blog, in dem Paletten-Inspirationen veröffentlicht werden. Sie machen ein Foto und veröffentlichen dann eine Palette, die auf diesem Foto basiert, mit einem hippen Namen wie „Moody Opulence“ und „Drift.“ Ich persönlich benutze diese Seite nicht oft, aber ich sende sie an Kunden, wenn ich versuche, ihr Branding herauszufinden. Es ist vorteilhaft, wenn Sie keinen Ausgangspunkt haben oder wirklich wissen, wonach Sie suchen, wenn es um Design-Inspiration geht. Ich denke auch, dass dies etwas ist, das sich in den Raum der Innenarchitektur erstrecken würde.
Pantone Studio
Am besten geeignet für: Grafikdesigner / Druckdesigner
Diese Liste wäre nicht vollständig, ohne Pantone zu erwähnen, zumal sie im Wesentlichen die führenden Experten für Farbe sind. Es stellt sich heraus, dass sie eine ziemlich coole App zum Zusammenstellen von Paletten haben. Mit der App können Sie eine Vielzahl von Farbharmonien, Werten und Querverweisen entdecken, während Sie sie in RGB, CMYK und HEX ausspucken. Der einzige Nachteil ist, dass die App nur iOS ist, so dass Android-Nutzer verlieren. Ich bin mir auch nicht sicher, ob ich solche Handy-Apps wirklich jemals in meinem Designprozess verwende, aber es funktioniert möglicherweise besser für jemand anderen. Probieren Sie es aus, um zu sehen, ob es für Sie funktioniert!
Adobe Kuler (Farbrad)
Am besten für: Grafikdesigner / Webdesigner / UI-Designer
Ich kenne Adobe Kuler schon lange, weil es früher als App für iOS existierte. Es kann immer noch, ich gebe zu, dass ich das noch nicht bestätigt habe. Wenn Sie jedoch auf die Website gehen, wird sie jetzt mit einem ziemlich einfachen Tool zur Generierung von Farbpaletten verknüpft. Kein Schnickschnack hier, aber Sie können Paletten generieren, indem Sie ein Bild importieren oder ein Farbrad verwenden. Sie können diese Themen dann speichern. Wenn Sie ein Adobe CC-Konto haben, können Sie es in Ihrem Profil speichern und mit Ihren CC-Apps synchronisieren. Ziemlich geschickt, wenn Sie mich fragen! Das einzige Problem hier ist, dass es schwierig sein kann, anzufangen, wenn Sie nicht super inspiriert sind (ich empfehle, Design Seeds früher im Beitrag zu lesen).
Site-Palette
Am besten für: Webdesigner / UI-Designer / Front-End-Entwickler
Web / UI / Front-End etwas mehr Liebe geben In dieser Liste stelle ich Ihnen die Site-Palette vor. Site Palette ist eine Erweiterung für Chrome, Safari und Firefox, mit der Sie komplexe Farbpaletten generieren können. Es hat auch die Möglichkeit, Farbschemata von bereits vorhandenen Websites zu erfassen / zu extrahieren. Wenn dir also gefällt, was der andere tut, dann gehört es dir. Es ist ein schickes Tool mit einer großartigen Benutzeroberfläche, mit der Sie Apps wie Sketch und Adobe freigeben können. Wenn Sie noch tiefer eintauchen möchten, wird sogar eine API zur semantischen Farbextraktion mitgeliefert. Das ist ein bisschen über meiner Gehaltsstufe zu verstehen, aber nichts anderes auf dieser Liste tut es. Es gibt zwar eine kostenlose Version, aber auch eine PRO-Version, bei der die Preise auf API-Anfragen basieren, falls Sie diese benötigen.
Bootstrap Magie
Am besten für: Webdesigner / UI-Designer / Front-End-Entwickler
Rufen Sie alle Web-, UI- und Front-End-Designer an, die Bootstrap verwenden! Das beliebteste responsive Framework der Welt! Eines der Dinge, die ich persönlich an Bootstrap nicht mag, ist, dass die Standardfarbe ziemlich allgemein ist. Customizing das ist massive P.T.A. wenn Sie wissen, was ich sage und sind vertraut mit dem Versuch, dies zu tun. Geben Sie Bootstrap Magic ein, wo das Anpassen der Farbschemata für Bootstrap zum Kinderspiel wird. Es ist immer noch mühsam, Farben für alles auszuwählen, aber zumindest haben Sie eine ausgefallene Benutzeroberfläche, anstatt durch minimierte Zeilen von SASS-Variablen und Mixins zu graben. Bootstrap wird sogar mit einem HTML-Editor geliefert, sodass Sie dies bei Bedarf direkt über die Benutzeroberfläche tun können (ich passe häufig Dinge wie Schaltflächen und Zeilenhöhen an). Dies ist eine kostenlose Web-App, also verrückt!
Bootstrap.build
Am besten für: Webdesigner / UI-Designer / Front-End-Entwickler
Bootstrap.build ist Bootstrap Magic oben ziemlich ähnlich, obwohl es etwas robuster zu sein scheint. Diese Web-App richtet sich mehr an Entwickler mit viel SASS-Variablenanpassung. Es verfügt auch über spezielle Export- / Importoptionen sowie einen Vorschaumodus. Die Benutzeroberfläche ist meiner Meinung nach auch etwas ansprechender. Dieser kommt mit Pro-Optionen für $ 5 pro Monat, mit denen Sie Ihre Bootstrap-Themen in verschiedenen Projekten organisieren können. Sie können die Themen auch über CDN hosten. Das sind ziemlich wertvolle Funktionen, wenn Sie viel für Kunden entwerfen und entwickeln. Probieren Sie es aus, um zu sehen, ob es für Sie funktioniert!</p
Material Color Tool
Am besten für: UI-Designer / App-Designer
Wenn wir Bootstrap etwas Liebe schenken wollen, müssen wir auch Material, Googles Designstandards, etwas Aufmerksamkeit schenken. Google hat Material entwickelt, um das Design auf allen Plattformen zu optimieren. Sie haben diese Standards sogar der Öffentlichkeit zugänglich gemacht, um die App-Integration nahtloser und nativer erscheinen zu lassen. Als Teil davon bieten sie eine Vielzahl von Web-App-Tools für Designer und Entwickler, um Schnittstellen basierend auf diesen Standards zu erstellen. Hier kommt das Google Material Color Tool ins Spiel. Es ist ein ziemlich komplexes Biest, aber wenn Sie eine Android-App entwerfen, die den Materialdesign-Standards entspricht, ist dieses Tool unerlässlich, um dies zum Leben zu erwecken.
Materialfarbpalette
Am besten geeignet für: UI-Designer / App-Designer / Webdesigner
Ein weiteres materialbasiertes Tool ist die Material Design Palette. Dies ist deutlich einfacher als das Material-Tool von Google. Mit dem Palettenwerkzeug können Sie zwei Farben auswählen, die dann automatisch eine Palette basierend auf den Materialstandards von Google generieren. Während der Zweck des Tools App-zentriert ist, könnte es hilfreich sein, wenn Sie nur nach einem Mittel zur Erzeugung von Farbpaletten suchen. Die App spuckt Hex-Codes und alle, so dass sie Farben wirklich für jede Anwendung verwendet werden könnten. Es gibt auch ein schickes Material Icon Referenzhandbuch sowie ein Material Farben Referenzhandbuch, wo Sie Hex-Codes kopieren und einfügen können. Probieren Sie es aus!
62% der befragten Unternehmen sind der Meinung, dass eine Website alle 2-3 Jahre neu gestaltet werden sollte. Quelle: Hook Agency
Ich hoffe, Ihnen haben diese fantastischen modernen Farbpaletten / Farbschemata für Websites und Farbschema-Tools gefallen!
Vielen Dank fürs Lesen – und bitte verlinken Sie uns in Ihrem Roundup oder teilen Sie es Ihren sozialen Netzwerken mit, wenn es für Sie nützlich war 🙂
Wenn Sie weiter lesen möchten, lesen Sie diesen Beitrag über Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.
