Scheint es immer so, als würden bestimmte Website-Farbschemas nur die Aufmerksamkeit auf sich ziehen? Wie bei jedem anderen Aspekt des Webdesigns gibt es Farbschemata, die tendenziell stärker tendieren als andere. Helle Farben, kräftige Paletten und sogar einige nicht übereinstimmende Schemata sind Trendelemente der Farbe.
Hier sehen Sie einige der besten Website-Farbschemata von 2018 (in keiner bestimmten Reihenfolge). Für jeden von uns teilen wir auch die Farbcodes, aus denen sich die Schlüsselelemente des Designs zusammensetzen. Es ist also einfach, selbst mit diesen Farbschemata herumzuspielen!
1. Taproot-Stiftung
# 00a9d8 # 0d9edf # 259b9a
Die Taproot Foundation verwendet eine der besten und farbenreichsten Website-Farbschemata. Die Kombination von Gelb, Blau und Kelly-Grün erklärt gemeinsam die unterschiedlichen Facetten der Gruppe, die gemeinnützigen Organisationen hilft. Es ist kein Website-Farbschema, das man oft sieht, aber helle Farben mit weißem Hintergrund sind eine sehr trendige Option.
2. Verhindern Sie Epidemien
# 292930 # 3eb650 # fcc133 # e12b38
Prevent Epidemics verwendet ein ebenso farbenfrohes Schema, aber gepaart mit einem dunklen Hintergrund und Grüns, die sich durch Elemente der Benutzeroberfläche und das gesamte Design auszeichnen, kommt alles zusammen. Eine der trendigsten Optionen für die Farbpalette besteht darin, einen Satz von Farben zu entwickeln, der breiter ist als die übliche Palette mit zwei oder drei Farben.
3. Snipcart
# 7f8688 # 929d9e # f3e367
Snipcart verwendet ein helles Grau, um den Ton als primäre Hintergrundfarbe in dieser Palette mit dezenten gelben Akzenten festzulegen. Die Lösung kombiniert eine trendigere helle Farbe mit einem subtilen und neutralen Farbverlauf für eine Farbpalette, die den Benutzer dazu ermutigt, den Inhalt wirklich zu verbessern.
4. Mossio
# 18181e # dec79b
Mossio verwendet hier die gleichen Grundfarben für dieses Website-Farbschema - Sie können den Trend mit Schwarz / Grau und Gelb sehen, richtig? - Nur mit einem gesättigten Hintergrund und weniger gesättigter Akzentfarbe. Die Kombination hat fast den gleichen Effekt wie das obige Beispiel mit einer Farbpalette, die sich auf den Inhalt konzentriert und das Design etwas unsichtbarer macht.
5. Omega-Hefe
# f7f7f7 # 7da2a9
Omega Yeast sieht auf den ersten Blick nicht so aus, als hätte es eine Farbpalette, die über Schwarzweiß hinausgeht, aber dieses Website-Design hat etwas, das bei Farbtrends eine große Idee ist. Das Farbschema wurzelt im Hauptbild - in diesem Fall einem Video - und nicht im Hintergrund oder in bunten Benutzeroberflächenelementen. Dieser Trend in Farbe wird immer häufiger, weil Designer Vollbilder verwenden, um eine Markengeschichte zu erzählen.
6. Forever Agency
# 4bffa5 # 040f3d # c6c4c5
Forever Agency verwendet bei der Gestaltung ihrer Website viel Fett, aber die Palette ist in einem hellen Grün verwurzelt. Dies ist der neue Neutralleiter. (Notieren Sie sich nur, wie viele der Websites in diesem Überblick einen grünen Farbton aufweisen.) Dieses Grün ist etwas heller als einige andere, die den Trend verwenden, wird jedoch an vielen Stellen wie Fußzeile, Markenzeichen und überall in Symbolen und Bereichen angezeigt das Design.
7. Konstantopoulos / Olymp
# 34421e # f1f1ef # c19434
Während wir uns mit grünen Farbschemata beschäftigen, verwendet Konstantopoulos / Olymp einen subtilen Hintergrund (darin befinden sich grüne Olivenzweige) und ein dunkelgrünes Markenzeichen, um alles Oliven zusammenzubringen. Das primäre Markengrün ist ebenso wie eine Palette in den Bildern selbst, die die Verwendung der Farbe in verschiedenen Tönen betont.
8. IC-Creative
# fb8122 # 1d2228 # e1e2e2
IC Creative verwendet eine dunkle Farbüberlagerung - Schwarz, das nicht wirklich schwarz ist - mit einer hellen Akzentfarbe und viel Weiß, um eine einladende Szene zu erzeugen. Farbüberlagerungen in fast allen Farbtönen sind ein wichtiger Trend in der Website-Farbe, und eine satte schwarze Option, wie die hier angebotene, ist eine schöne Möglichkeit, anderen Inhalten viel Platz auf dem Bildschirm zu geben. Beachten Sie einfach die überdimensionale Überschrift und die hellen Akzente und Handlungsaufforderungen.
9. Mangrove Hotel
# d48166 # 373a36 ## e6e2dd
Während helle Farbpaletten die Website-Gestaltung seit einigen Jahren praktisch beherrschen, gibt es bei einigen Projekten eine Umstellung auf eher gedämpfte Paletten. Der fleischige Ton des Mangrove Hotels ist warm und passt gut zum Inhalt. (Diese Farbe wurde auch in einigen Twitter-Marketingmitteilungen verwendet.)
10. Fünf / Vier
# fa292a # b89f5d # 5a7670
Five / Four nimmt eine der anspruchsvollsten Farben an, um eine Palette mit - Rot zu erstellen. Und sie machen es auf kühne Weise. Die Palette funktioniert gut, da die anderen Farben eher als Fotoüberlagerungen verwendet werden und nichts anderes als das helle, satte Rot, das im gesamten Design verwendet wird.
11. Atlanta Brewing
# e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945
Atlanta Brewing verwendet auch ein dominantes Rot mit vielen anderen Akzentfarben. Beachten Sie, dass die Palette nicht nur Teil des Website-Designs ist, sondern auch die Produktverpackung umfasst. Sie haben eine ziemlich breite Palette mit Grundfarben als Basis und einen reichen Schwarz-Weiß-Hintergrund.
12. JYBH
# 151617 # 090a0a # 151516
Manchmal beginnt die beste Farbpalette mit einem Mangel an Farbe. JYBH verwendet eine schwarze Allespalette mit unterschiedlichen Textur- und Dunkelheitsgraden. Das ist etwas, was Sie wahrscheinlich schon oft gesehen haben, wenn es um die Website-Farbe geht.
13. Unterscheidung
# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576
Distinction verwendet dieselbe schwarze Grundfläche für die Farbpalette mit einem Regenbogen von Akzentfarben. Wenn Sie eine umfassende Farbpalette wünschen, können Sie den Trend auf diese Weise effektiv nutzen.
14. Lucia Lash
# ffffff # 0a0a0a
Am anderen Ende des Farbspektrums herrscht insgesamt Farbmangel. Ein einziges Schwarzweiß-Website-Farbschema ist die Höhe von Mod und Minimalismus.
15. Pittori di Cinema
# fdd935 # 000000
Minimalismus kann auch in voller Farbe sein, wie Pittori di Cinema zeigt. Das leuchtend gelbe Schema mit Schwarz ist eine gängige Option für Minimalismus. Je heller die Farbpalette für diesen Stil ist, desto mehr scheint der Trend zu sein.
16. Tag der Toten
# 32064a # e56b1f # fcd02c # e42c6a
Day of the Dead verwendet eine Palette mit Juwelen und hellen Farben für ein königliches Gefühl. Dieses Gleichgewicht in der Farbpalette erzeugt gerade genug Kontrast, sodass jedes Element leicht zu sehen ist, ohne in dieser Umgebung mit hoher Farbe zu störend zu wirken.
17. Stolz und zerrissen
# 1f3044 # fb9039 # 646c79
Proud & Torn verwendet das gleiche Jewel-Tone-Konzept mit einer etwas gedämpfteren Farbkombination. Die subtilere Farbpalette hilft, eine Website mit vielen farblosen Bildern visuell interessant zu machen.
18. Tareq-Portfolio
# e3e3e3 # f6f6f8 # c60021
Diese Portfolio-Site verwendet praktisch überall eine Hintergrundfarbpalette - weiches Grau und Weiß. Unabhängig von den anderen Farboptionen oder Akzenten ist Hellgrau sehr beliebt.
19. Etiya
# d56c2c # 22223a
Etiya bietet eine weitere beliebte Einzelfarbe als Teil der gesamten Website-Farbpalette - Orange. Helle Orangetöne - oft mit dunklen Hintergründen, die schwarz, dunkelblau oder violett sind - sind eine Trendoption.
20. Baobla
# 56642a # 849531 # 92a332
Baobla bietet einen lustigen Verlauf in einem monotonen Farbschema. Diese Farbpalette ist ideal für neue Marken oder Produktidentitäten oder wenn Sie mit einem kräftigen Farbton viel Wirkung erzielen möchten.
21. Stereosuper
# fb9985 # b3e3b5 # 48484a
Stereosuper nimmt zwei Farben - Mintgrün und Pfirsichorange - und kombiniert sie zu einer scheinbar nicht passenden Farbpalette. Bei so vielen helleren, kühneren Farboptionen gibt es mehr unpassende Paletten, und überraschenderweise funktionieren viele von ihnen.
22. Jean-Baptiste Kaloya Portfolio
# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Jean-Baptiste Kaloya verwandelt die wohl beliebteste Farbe im Website-Design in eine eigene monotone Palette mit unterschiedlichen Blaustufen. Beachten Sie auch die weichen Farbverläufe der helleren Blues.
23. Igor
# 000000 # Fefefe # Fdee30
Igor präsentiert die wohl beliebteste Website-Farbpalette des Jahres 2018 - Schwarz, Weiß und Gelb. Diese Farbpalette ist zwar in unterschiedlichen Farbtönen zu sehen, ist jedoch weit verbreitet. Diese Kombination ist wahrscheinlich eine der attraktivsten.
24. Cowboy Bike
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike verwendet eine schwarze und helle Farbpalette, die sofort Aufmerksamkeit erregt. Während die meisten Websites Schwarz nur für Text verwenden, integriert dieses Design es tatsächlich in die helle, monotone Palette.
25. Pavithra-Portfolio
# 632695 # b5267b # 5bb659 # 254598
Diese Portfolio-Site verwendet eine Materialdesign-Palette mit hell farbigen Hintergrundbildern auf den verschiedenen Bildschirmen. Auf den ersten Blick scheint es viel Farbe zu sein, aber es funktioniert gut mit jedem Bildschirm mit einem anderen Farbton.
26. Avoconseil
# 33ffed # 9c45eb # aea78e
Avoconseil verwendet eine trendige dreifarbige Palette mit flachem Hintergrund und Akzentfarben im dargestellten Design. Dieser Stil der Palette mit drei unterschiedlichen Farben (viele davon auch mit einem vierten Akzent) ist durch den Aufstieg und die Entwicklung des flachen Designs immer noch beliebt.
27. Gabrielle Dolan
# e8eae3 # 373833 # fa2742
Die Website von Gabrielle Dolan verwendet den Trend der grau-weiß-hellen Farbpalette. Da bei den meisten Designs ein deutlicher Farbmangel auftritt, scheint die helle Farbe vom Bildschirm zu springen. Es erstellt genau den richtigen Fokusbereich und den richtigen Kontrast. Aus diesem Grund handelt es sich um eine Trendfarbenoption.
28. Pixel Pantry
# 9e15bf # 4ac6d2
Pixel Pantry verwendet ein ausgeprägtes Farbpaar, um diesen Trend zu zeigen - violett und türkis. Die Kombination dieser beiden Farben zum Erstellen einer Palette ist nahezu unwirklich. Variationen dieses Schemas werden Sie fast überall finden.
29. Elf Pflanzen
# 5daa68 # 3f6844 # faf1cf
Elf Pflanzen hat eine völlig neutrale Farbgebung, die harmonisch und einfach zu betrachten ist. Das Grün passt gut zum Inhalt und die Farbkombinationen sind einfach und charmant.
30. Qvartz
# ee7879 # 2a3166 # f4abaa # cae7df
Qvartz verwendet eine der unerwartetsten Trendfarben des Jahres in einer Weise, die viele andere Projekte nachahmt. Mit rosafarbenem Text, rosafarbenen Farbblöcken und einem Mashup aus kräftigen und weicheren Farben ist diese Palette etwas feminin, aber nicht zu sehr.