{"id":4592,"date":"2022-09-30T14:41:00","date_gmt":"2022-09-30T12:41:00","guid":{"rendered":"https:\/\/www.esterdigital.de\/blog\/bilder-fuer-web-optimieren-copy"},"modified":"2023-07-02T23:09:03","modified_gmt":"2023-07-02T21:09:03","slug":"farbkombinationen-welche-farben-passen-zusammen","status":"publish","type":"post","link":"https:\/\/www.esterdigital.de\/blog\/farbkombinationen-welche-farben-passen-zusammen","title":{"rendered":"Farbkombinationen. Welche Farben passen zusammen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4592\" class=\"elementor elementor-4592\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60ffea5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60ffea5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b1c7c69\" data-id=\"b1c7c69\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-888fccb elementor-widget elementor-widget-text-editor\" data-id=\"888fccb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.5.4 - 23-01-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><!-- wp:paragraph --><\/p>\n<p>Bei der <a href=\"https:\/\/www.esterdigital.de\/leistungen\/web-design\">Gestaltung einer Website<\/a>, der <a href=\"https:\/\/www.esterdigital.de\/leistungen\/webentwicklung\">Entwicklung einer Webanwendung<\/a> oder der <a href=\"https:\/\/www.esterdigital.de\/leistungen\/logodesign\">Erstellung eines Logos<\/a> wollen Unternehmer immer die Hauptidee ihrer Marke vermitteln. Jeder m\u00f6chte, dass sein Unternehmen mit etwas Bestimmtem, mit einer besonderen Stimmung in Verbindung gebracht wird.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Mit einem Gesch\u00e4ft, das hausgemachte S\u00fc\u00dfigkeiten und Kuchen verkauft, k\u00f6nnen Sie beispielsweise etwas Helles und Weiches assoziieren. Ein seri\u00f6ser Speditionsunternehmer wird jedoch wahrscheinlich keine hellrosa oder hellgr\u00fcnen Visitenkarten wollen. Aber nat\u00fcrlich ist es erw\u00e4hnenswert, dass es immer Ausnahmen von den Regeln gibt.<\/p>\n<p>Bevor Sie sich daran machen, Ihr eigenes <a href=\"\/blog\/corporate-design-manual\">Corporate Design Manual<\/a> zu verfassen, empfehlen wir Ihnen, sich zun\u00e4chst mit einem der wichtigsten Elemente der Corporate Identity &#8211; der Farbpalette &#8211; und ihrer Rolle f\u00fcr den Erfolg Ihrer Marke vertraut zu machen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Farbe ist ein starkes Kommunikationsmittel und kann verwendet werden, um Aktionen anzuzeigen, die Stimmung zu beeinflussen und sogar physiologische Reaktionen. Es gibt sogar einen speziellen Test, der den psychophysischen Zustand, die Stress-, Handlungs- und Kommunikationsf\u00e4higkeit einer Person misst.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Kunden und unerfahrene Designer fragen sich oft, wie sie genau die Farben ausw\u00e4hlen sollen, die gut zur Gesch\u00e4ftsidee und zueinander passen. Woher wissen wir, mit welcher Farbe Gr\u00fcn gut aussieht und ob Blau und Orange miteinander harmonieren? Wir werden es herausfinden!<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading --><\/p>\n<h2>Bedeutung der Farbe<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Stimmt es, dass es positive und negative Farben gibt? Gibt es leckere und nicht leckere Farben? Traurige und lustige? Reiche und billige? Sie k\u00f6nnen mit Ja antworten. Aber mit einer kleinen Anmerkung im Kleingedruckten.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Farben k\u00f6nnen ein Design positiv oder negativ beeinflussen, egal ob es sich um ein <a href=\"\/leistungen\/logodesign\">Logo<\/a>, eine App oder eine Website handelt. Schlie\u00dflich erlebt eine Person beim Betrachten einer Farbe bestimmte Emotionen. Jeder verbindet bestimmte Farben mit bestimmten Dingen. Manche mit Reichtum, manche mit leckeren Beeren und Fr\u00fcchten. Manchmal l\u00f6sen jedoch die gleichen Farben bei verschiedenen Menschen v\u00f6llig unterschiedliche Reaktionen aus. Dies h\u00e4ngt oft mit kulturellen Besonderheiten zusammen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Rot<\/strong> wird allgemein mit Leidenschaft, Wut, Gefahr, Liebe und Gl\u00fcck in Verbindung gebracht. Im Marketing ist es stark mit Aktionen und Rabatten verbunden.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Schwarz<\/strong> wird mit Mysterium, Eleganz, Vertrauen, aber auch mit Tod, B\u00f6sem, Macht, Trauer assoziiert. Im Design vermittelt es technischen Fortschritt und die hohe Qualit\u00e4t einer Dienstleistung oder eines Produkts.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Orange<\/strong> ist mit einer Handlungsaufforderung verbunden. Aber wenn Sie aufpassen, werden Sie feststellen, dass es selten in gro\u00dfen Mengen verwendet wird, da es aufgrund seiner Helligkeit nerv\u00f6s machen kann.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Blau<\/strong> vermittelt Traurigkeit, aber auch Ruhe, Eleganz und Treue. Es wird in einer Vielzahl von Situationen verwendet. Es ist auch eng mit Loyalit\u00e4t, Ehrlichkeit und Macht verbunden.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Gr\u00fcn<\/strong> wird mit F\u00fclle, Natur, Frische und Gl\u00fcck in Verbindung gebracht. Gr\u00fcn wird von unseren Augen leicht wahrgenommen und beruhigt uns. Es ist auch mit Geld verbunden.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Gelb<\/strong> vermittelt Gl\u00fcck, Konzentration, Hoffnung. Sie werden oft verwendet, um Aufmerksamkeit zu erregen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Wei\u00df<\/strong> korreliert mit Reinheit, Purit\u00e4t und in asiatischen L\u00e4ndern auch mit Trauer. Es ist ein Symbol f\u00fcr Minimalismus und Stil. Es wird verwendet, um Platz zu schaffen und die Aufmerksamkeit auf die wichtigen Elemente der Website zu lenken.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Lila<\/strong> strahlt K\u00f6nigtum, Luxus, Reichtum, Raffinesse aus und wird oft in der Sch\u00f6nheitsindustrie verwendet.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Grau<\/strong> wirkt zur\u00fcckhaltend, formell. Es wird auch verwendet, um Verbraucher zu beruhigen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Au\u00dferdem gibt es viele verschiedene Farbt\u00f6ne. Indem wir sie ver\u00e4ndern, k\u00f6nnen wir eine ganz andere Wirkung erzielen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading --><\/p>\n<h2>Kurz zur Farbtheorie<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Es gibt drei Grundfarben, sie werden als <strong>Prim\u00e4rfarben<\/strong> bezeichnet: Rot, Gelb und Blau. Wenn diese Farben gemischt werden, erhalten wir Sekund\u00e4rfarben.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Die <strong>Sekund\u00e4rfarben<\/strong> sind folgende: Gr\u00fcn entsteht durch Mischen von Blau und Gelb, Orange durch Mischen von Rot und Gelb und Violett durch Mischen von Rot und Blau. Indem wir Prim\u00e4rfarben mit Sekund\u00e4rfarben mischen, erhalten wir Terti\u00e4rfarben.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Terti\u00e4rfarben<\/strong> sind eine Kombination aus Prim\u00e4r- und Sekund\u00e4rfarben. Beispielsweise Rot-Orange.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Alle Farben sind in kalt und warm unterteilt.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Warme<\/strong> Farben bestehen aus Rot oder Gelb. Sie erinnern uns an die Sonne, Feuer, also werden sie mit W\u00e4rme in Verbindung gebracht.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>K\u00fchle<\/strong> Farben werden durch Zugabe von Blau oder Gr\u00fcn erhalten und k\u00f6nnen auch Lila enthalten. K\u00fchle Farbt\u00f6ne wirken beruhigend und werden oft f\u00fcr Hintergr\u00fcnde verwendet.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Wei\u00df, Schwarz und Grau gelten als neutrale Farben. Manchmal wird ihnen Beige hinzugef\u00fcgt.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>So sieht es schematisch aus:<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1869,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4828 size-large\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Farbkreis-1024x634.png\" alt=\"Farbkreis\" width=\"1024\" height=\"634\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Farbkreis-1024x634.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Farbkreis-300x186.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Farbkreis-768x475.png 768w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Farbkreis-1536x950.png 1536w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Farbkreis-2048x1267.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><!-- \/wp:image --><!-- wp:paragraph --><\/p>\n<p>Zus\u00e4tzlich gibt es die folgenden Definitionen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>S\u00e4ttigung<\/strong>. Sie kann auch als Farbintensit\u00e4t bezeichnet werden. Durch \u00c4ndern der S\u00e4ttigung erhalten wir verschiedene Schattierungen derselben Farbe.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Eine hohe S\u00e4ttigung wird normalerweise verwendet, um die Stimmung zu heben, diese Farben sind sehr intensiv. W\u00e4hrend eine Verringerung der S\u00e4ttigung zu einem traurigeren Effekt f\u00fchrt.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Helligkeit<\/strong>. Sie zeigt an, wie hell oder dunkel ein Objekt ist.Die Helligkeit \u00e4ndert sich beim Hinzuf\u00fcgen von Schwarz oder Wei\u00df.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Durch das Mischen von Farben unterschiedlicher Helligkeit und S\u00e4ttigung k\u00f6nnen Sie eine gro\u00dfe Anzahl verschiedener Farbt\u00f6ne erhalten.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Die folgenden Farbpaletten werden \u00fcblicherweise im Design verwendet:<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>RGB<\/strong>: RGB bedeutet Rot, Gr\u00fcn und Blau (das sind die Prim\u00e4rfarben, aber statt Gelb ist es Gr\u00fcn). RGB wird von Monitoren f\u00fcr Computer und Fernseher verwendet, aber nicht im Druck.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>CMYK<\/strong>: CMYK steht f\u00fcr Cyan, Magenta, Gelb und Schwarz (K steht f\u00fcr Schwarz). Mit diesen vier Farben k\u00f6nnen Sie die meisten anderen Farben erhalten. CMYK kann weniger Farben als RGB wiedergeben. Dieses System kommt in der Druckindustrie zum Einsatz.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Pantone<\/strong> (PMS): Dies ist ein weiteres beim Drucken verwendetes System. PMS steht f\u00fcr Pantone Matching System und ist eine sehr umfangreiche Liste von Farbmischungen, die von der Pantone Corporation erstellt wurde. Sie sind leider sehr teuer.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>Hexachrome<\/strong>: Pantone hat vor kurzem ein anderes System entwickelt. Es basiert auf dem \u00fcblichen Cyan, Magenta, Gelb und Schwarz. Aber es verwendet auch Pantone Hexacrome Orange und Pantone Hexachrome Green. Es wird beim Drucken verwendet und ist PMS oder CMYK weit \u00fcberlegen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading --><\/p>\n<h2>Grundtypen von Farbkombinationen<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Es gibt mehrere Arten von Farbpaletten, die auf dem Farbkreis basieren. Die grundlegendsten und am h\u00e4ufigsten verwendeten sind hier aufgef\u00fchrt.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} --><\/p>\n<h3>Monochromatisch.<\/h3>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Die monochrome Palette ist am einfachsten zu verwenden. Wieso den? Sie beinhaltet die Verwendung von nur einer Farbe und all ihren Farbt\u00f6nen. Sie sieht frisch und interessant aus. Und obwohl eine monochrome Palette sch\u00f6n anzusehen ist, ist es im Webdesign immer noch besser, eine solche Palette mit etwas zus\u00e4tzlicher Farbe zu verwenden, um wichtigere Elemente hervorzuheben und die Aufmerksamkeit auf sie zu lenken.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} --><\/p>\n<h3>Analog.<\/h3>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Farben aus der analogen Palette werden nebeneinander auf dem Farbkreis platziert. Wie bei monochromen Paletten sind sie ein Vergn\u00fcgen anzusehen, zum gro\u00dfen Teil, weil solche Farbkombinationen in der Natur zu finden sind. Bei der Verwendung einer solchen Palette geht jedoch h\u00e4ufig der Kontrast verloren, was es schwierig machen kann, wichtigere Elemente im Design hervorzuheben.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} --><\/p>\n<h3>Komplement\u00e4r.<\/h3>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Die Farben dieser Palette sind auf dem Farbkreis gegen\u00fcberliegend. Diese Paletten sind sehr beliebt unter Designern und K\u00fcnstlern. Bei Verwendung einer solchen Farbpalette lohnt es sich, eine Farbe als Hauptfarbe und eine andere als Akzent zu w\u00e4hlen. Denn bei gleicher Menge kann zu viel visuelle Spannung entstehen. Bei richtiger Anwendung und dem Ziel, einen visuellen Kontrast zu schaffen, zeigt sich eine solche Palette jedoch sehr wirkungsvoll.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} --><\/p>\n<h3>Triadisch.<\/h3>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Diese Palette umfasst drei Farben, die auf dem Farbkreis gleichm\u00e4\u00dfig verteilt sind und ein Dreieck bilden. Diese Palette wird oft beim Designen f\u00fcr jugendliche und joviale Marken verwendet, da diese Art von Palette schreiend aussehen kann.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} --><\/p>\n<h3>Split-komplement\u00e4r.<\/h3>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Solche Farbpaletten \u00e4hneln Komplement\u00e4rpaletten, jedoch mit der Hinzuf\u00fcgung einer dritten Farbe, die neben einer der Komplement\u00e4rfarben auf dem Farbrad liegt. Diese Art von Farbpalette ist auch beim Website-Design sehr effektiv und kann f\u00fcr mehr visuelles Interesse sorgen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} --><\/p>\n<h3>Doppel-Split komplement\u00e4r.<\/h3>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Diese Palette besteht aus 2 Paaren komplement\u00e4rer Farben, die auf dem Farbkreis ein \u201eX\u201c bilden. Eine solche Palette bietet viel Kontrast, Interesse und Vielfalt, hat aber auch einen Nachteil. Sie k\u00f6nnen \u00fcberladen und unangemessen werden, wenn sie nicht richtig ausbalanciert sind. Wenn Sie mit Farben nicht vertraut sind, versuchen Sie, es nicht mit Kontrasten zu \u00fcbertreiben.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1871,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4829 size-large\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Typen-1024x633.png\" alt=\"komplement\u00e4rer Farben\" width=\"1024\" height=\"633\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Typen-1024x633.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Typen-300x186.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Typen-768x475.png 768w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Typen-1536x950.png 1536w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/last-ones_Typen-2048x1267.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:paragraph --><\/p>\n<p>F\u00fcr Designer-Anf\u00e4nger empfehlen wir, am Anfang nicht mehr als drei oder vier Farben in einem Design zu verwenden, um es nicht zu \u00fcberladen. Auf diese Weise haben Sie eine Hauptfarbe, die am h\u00e4ufigsten verwendet wird. Die Sekund\u00e4rfarbe und die Akzentfarbe helfen dabei, die Prim\u00e4rfarbe hervorzuheben und einen Kontrast zu erzeugen. Au\u00dferdem sollte beachtet werden, dass Schwarz und Wei\u00df auch Farben sind.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading --><\/p>\n<h2>Welche Farben passen zu Rot<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Rot ist nicht ohne Grund die erste <a href=\"https:\/\/www.esterdigital.de\/blog\/farben-des-regenbogens-im-branding\">Farbe des Regenbogens<\/a> &#8211; sie ist kr\u00e4ftig und leuchtend. Deshalb wird diese Farbe oft aufgehellt oder abgedunkelt, um sie weicher und ruhiger zu machen. Wenn Sie Rot in seiner auff\u00e4lligen Form verwenden m\u00f6chten, verwenden Sie es subtil. Mit anderen Worten, gute Farbkombinationen sind Rot mit Schwarz-, Grau- und Wei\u00dft\u00f6ne. Auf diese Weise k\u00f6nnen Sie das Beste aus dem leuchtenden Rot herausholen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1881,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4827 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-06-1-1024x634-1.png\" alt=\"Welche Farben passen zu Rot\n\" width=\"1024\" height=\"634\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-06-1-1024x634-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-06-1-1024x634-1-300x186.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-06-1-1024x634-1-768x476.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:heading --><\/p>\n<h2>Welche Farben passen zu Lila<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Lila Farbe in Farbkombinationen k\u00f6nnte man als universell bezeichnen. Oft f\u00e4lschlicherweise als warme Farbe bezeichnet, geh\u00f6rt sie eigentlich zu den k\u00fchleren Farben. Dies verschafft Lila jedoch einen erheblichen Vorteil. Es harmoniert perfekt sowohl mit k\u00e4lteren als auch mit w\u00e4rmeren Farben.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Lila macht gute Farbkombinationen mit Farben, die Rot, Blau und Pink nahe kommen. Dar\u00fcber hinaus k\u00f6nnen Sie durch \u00c4ndern der S\u00e4ttigung und Helligkeit von Lila eine sch\u00f6ne monochrome Palette aufnehmen, da verschiedene Lilat\u00f6ne gut miteinander harmonieren und Ihre Augen nicht belasten. Auch durch die Kombination von Lila mit Gr\u00fcn-Blau und Gelb-Orange l\u00e4sst sich ein fr\u00f6hlicher und frischer Effekt erzielen. Durch die Kombination von Lila mit Gr\u00fcn und Hellgr\u00fcn erhalten wir eine wunderbare Komposition, die an Blumenfelder erinnert.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1880,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4824 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-03-1-1024x633-1.png\" alt=\"Welche Farben passen zu Lila\" width=\"1024\" height=\"633\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-03-1-1024x633-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-03-1-1024x633-1-300x185.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-03-1-1024x633-1-768x475.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><!-- \/wp:image --><!-- wp:heading --><\/p>\n<h2>Welche Farben passen zu Blau<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Blau ist eine der drei Grundfarben. Diese Farbe wird mit dem Himmel, dem Ozean, Wasser im Allgemeinen, Frische und Ruhe assoziiert. Meist verbunden mit K\u00e4lte und Gelassenheit. Sie hat eine angenehme und vertrauensw\u00fcrdige Wirkung. Nat\u00fcrliche Elemente wie Wasser und Wind werden symbolisch in Blau dargestellt. Welche Farben passen gut zu Blau? Es ist haupts\u00e4chlich azurblau, lila. Wenn Sie mehr Kontrast brauchen, dann sind das Gr\u00fcn-, Orange- und Gelbt\u00f6ne.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1874,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4826 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-05-1024x634-1.png\" alt=\"Welche Farben passen zu Blau\" width=\"1024\" height=\"634\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-05-1024x634-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-05-1024x634-1-300x186.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-05-1024x634-1-768x476.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><!-- \/wp:image --><!-- wp:heading --><\/p>\n<h2>Welche Farben passen zu Orange<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Orange ist eine Sekund\u00e4rfarbe, die durch Mischen von Rot und Gelb entsteht. Diese Farbe wird seit alten Kulturen in der Kunst verwendet. Orange erzeugt ein Gef\u00fchl von Frische, Aufregung und W\u00e4rme. Es hat mit der Natur und dem Wechsel der Jahreszeiten zu tun.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Orange und Pink sind Komplement\u00e4rfarben. Sie bilden eine sehr sanfte Kombination. Rostige Oranget\u00f6ne passen wunderbar zu Zartrosa. Helle Orange kann mit einer Reihe verschiedener Farben kombinieren. Es k\u00f6nnte neben Creme, Olivgr\u00fcn, Rot und Braun eine herbstliche Palette bilden. Orange passt aufgrund seiner Helligkeit und S\u00e4ttigung gut zu Schwarz, Wei\u00df und Grau.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1879,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4825 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-04-1-1024x634-1.png\" alt=\"Welche Farben passen zu Orange\" width=\"1024\" height=\"634\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-04-1-1024x634-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-04-1-1024x634-1-300x186.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-04-1-1024x634-1-768x476.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:heading --><\/p>\n<h2>Welche Farben passen zu Gelb<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Schon in pr\u00e4historischer Zeit wurde Ocker in Felsmalereien verwendet, da diese Farbe sehr zug\u00e4nglich war. Dar\u00fcber hinaus wird Gelb mit einem warmen sonnigen Tag, Freude, Gl\u00fcck, Spa\u00df und Selbstvertrauen in Verbindung gebracht. Dies ist eine sehr lebendige Farbe. In der Regel wird es mit anderen, neutraleren Farben dosiert eingesetzt. Eine ziemlich trendige Kombination \u2013 Gelb mit Schwarz. Komplement\u00e4rfarben von Gelb sind Blau und Lila, es harmoniert aber auch gut mit Farben wie Orange, Rot, Wei\u00df, Pink, Gr\u00fcn.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1877,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4823 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-02-1024x633-1.png\" alt=\"Welche Farben passen zu Gelb\" width=\"1024\" height=\"633\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-02-1024x633-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-02-1024x633-1-300x185.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-02-1024x633-1-768x475.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:heading --><\/p>\n<h2>Welche Farben passen zu Gr\u00fcn<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Gr\u00fcn ist nach Blau die zweitbeliebteste Farbe. Gr\u00fcn steht f\u00fcr Natur, Leben, Jugend, Geborgenheit und Hoffnung. Im Jahr 2022 sind diese Farbe und ihre Schattierungen, insbesondere Smaragd, Olive, im Interface-Design sehr beliebt. Es wird oft mit Pink, Zartrosa, Blau und Hellblau kombiniert. Au\u00dferdem sieht es gut aus mit neutralen Cremes, Graut\u00f6nen und Schwarz. Verschiedene Gr\u00fcnt\u00f6ne bilden sch\u00f6ne Farbkombinationen mit Braun, so erzielen Sie eine sehr nat\u00fcrliche Wirkung.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1878,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4822 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-01-1-1024x633-1.png\" alt=\"Welche Farben passen zu Gr\u00fcn\" width=\"1024\" height=\"633\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-01-1-1024x633-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-01-1-1024x633-1-300x185.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/color-palet_01-01-1-1024x633-1-768x475.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:heading --><\/p>\n<h2>Tipps und Tools zur Auswahl der Farbpalette<\/h2>\n<p><!-- \/wp:heading --><!-- wp:heading {\"level\":4} --><\/p>\n<h4><strong>60-30-10. <\/strong><\/h4>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>\u00dcber die Innenarchitektur kam die Regel zum UI\/UX-Design. Gem\u00e4\u00df dieser Regel wird empfohlen, der dominierenden Farbe 60 % zu geben. In der Regel ist dies der Hintergrund. 30 % entfallen auf die Sekund\u00e4rfarbe und 10 % auf den Akzent. Dies ist keine zwingende Regel, erm\u00f6glicht es Ihnen jedoch, das Design nicht zu \u00fcberladen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Mittlerweile haben die meisten Ger\u00e4te die Funktion, den <strong>Modus<\/strong> auf dunkel oder hell zu \u00e4ndern. Denken Sie bei der Auswahl von Akzentfarben daran, wie sie im Dunkelmodus aussehen werden.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":4} --><\/p>\n<h4><strong>Barrierefreiheit ist von Bedeutung. <\/strong><\/h4>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Schriftgr\u00f6\u00dfe und -farbe sollten den n\u00f6tigen Kontrast zum Hintergrund schaffen, damit der Text ohne \u00dcberanstrengung der Augen gelesen werden kann. Sie k\u00f6nnen den Color Contrast Checker verwenden. Wenn Sie die Hintergrund- und Schriftfarben ausw\u00e4hlen, sehen Sie eine Kontrastanzeige. Das Minimum ist 4,5.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading {\"level\":4} --><\/p>\n<h4><strong>Tools f\u00fcr die Palettenauswahl<\/strong><\/h4>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>\u00a0<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>01 Coolors<\/strong>. Auf dieser Seite werden Ihnen zuf\u00e4llige Paletten angeboten, die Sie anpassen k\u00f6nnen. Die Farben liegen nebeneinander. Durch Dr\u00fccken der Leertaste \u00e4ndern sich alle Farben au\u00dfer der gespeicherten. So k\u00f6nnen Sie sich einfach eine Palette mit Ihren Lieblingsfarben zusammenstellen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image --><\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/PXcntTUdh0uQJhe-57_pXcdN0kGudVvoa4mV0gEENEr1Shhgg1Buu7UhxJejqgkftyx2T8VS87CS4s3ZUvFnx8VSasslMt9r9sQZx-ocNTBJ1hu38-KXTv92BJ2WAdpUeOXT034HbKGJlLm3uFx49VY9uDqnllJFBfdK9jkM40dx9QILg3U8Vqk4\" alt=\"\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:paragraph --><\/p>\n<p>\u00a0<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>\u00a0<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>02 Color Hunt.<\/strong> Diese Seite enth\u00e4lt vorgefertigte, harmonisierte Paletten. Sie k\u00f6nnen sie nach Grundfarbe oder Stimmung sortieren. Dar\u00fcber hinaus k\u00f6nnen Sie die Anzahl der Likes auf einer bestimmten Palette von anderen Benutzern sehen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image {\"id\":1885,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4821 size-full\" src=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/colorhunt-1024x531-1.png\" alt=\"Color Hunt\" width=\"1024\" height=\"531\" srcset=\"https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/colorhunt-1024x531-1.png 1024w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/colorhunt-1024x531-1-300x156.png 300w, https:\/\/www.esterdigital.de\/blog\/wp-content\/uploads\/2022\/09\/colorhunt-1024x531-1-768x398.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p><strong>03 Adobe Color<\/strong>. Mit diesem Tool k\u00f6nnen Sie die Farben auf dem Farbkreis anpassen und Ihre eigene Palette mit einem der f\u00fcnf oben aufgef\u00fchrten Farbpalettentypen erstellen. Sie k\u00f6nnen auch ein Bild hochladen, um Farben daraus zu extrahieren.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:image --><\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/q5L0R0oQhYgpMGpaAHno7LELmTtYeR3qvUvxAHSvGmWEPwfL2QsP4JDfxdOuIy-lUbsT4XDk6CrUHrhuTO-BQ66sLVbkFufBdIyWYvSCilYWUtEeLtFMUHqqTGAA94tgN_cJ-HGmcZFxPgpaEiw1OF7LPP0Tb8XlsAVD18vI_3lL3r8uCIq49kIp\" alt=\"\" \/><\/figure>\n<p><!-- \/wp:image --><!-- wp:paragraph --><\/p>\n<p>\u00a0<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading --><\/p>\n<h2>Zum Schluss<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Indem wir herausgefunden haben, welche Farben gut zusammenpassen, haben wir nur einen kleinen Teil dessen ber\u00fchrt, womit <a href=\"https:\/\/www.esterdigital.de\/blog\/digitale-kunst-als-modetrend-der-zukunft\">Digitalk\u00fcnstler<\/a> und Designer in verschiedenen Bereichen t\u00e4glich konfrontiert sind. Design ist nicht nur die Wahl von Farbe und Schriftart, sondern auch Bequemlichkeit, Funktionalit\u00e4t und Barrierefreiheit.<\/p>\n<p>Wir hoffen, dass unser Artikel f\u00fcr Sie n\u00fctzlich war und dass Sie ihn bei der <a href=\"\/leistungen\/corporate-web-design\">Entwicklung eines Corporate Designs<\/a> oder Gestaltung Ihres Fi\u0301rmenlogos verwenden k\u00f6nnen. Wenn Sie Hilfe bei Ihrem Designprojekt ben\u00f6tigen, kontaktieren Sie uns.<\/p>\n<p>Jeden Tag entwirft unser <a href=\"\/\">Ester-Team<\/a> Websites und Anwendungen sowie digitale Produkte, die den <a href=\"\/blog\/webdesign-trends\">Trends der Designbranche<\/a> folgen, damit unsere L\u00f6sungen immer von hoher Qualit\u00e4t bleiben und den Bed\u00fcrfnissen der Kunden entsprechen.<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>Wenn Sie unsere Dienstleistungen nutzen m\u00f6chten oder Fragen haben, k\u00f6nnen <a href=\"\/kontakte\">Sie sich an uns wenden<\/a> und unser Team wird schnellstm\u00f6glich antworten.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bei der Gestaltung einer Website, der Entwicklung einer Webanwendung oder der Erstellung eines Logos wollen Unternehmer immer die Hauptidee ihrer Marke vermitteln. Jeder m\u00f6chte, dass sein Unternehmen mit etwas Bestimmtem, mit einer besonderen Stimmung in Verbindung gebracht wird. Mit einem Gesch\u00e4ft, das hausgemachte S\u00fc\u00dfigkeiten und Kuchen verkauft, k\u00f6nnen Sie beispielsweise etwas Helles und Weiches assoziieren&#8230;.<\/p>\n","protected":false},"author":4,"featured_media":1946,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,27,29],"tags":[],"_links":{"self":[{"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/posts\/4592"}],"collection":[{"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/comments?post=4592"}],"version-history":[{"count":28,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/posts\/4592\/revisions"}],"predecessor-version":[{"id":5569,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/posts\/4592\/revisions\/5569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/media\/1946"}],"wp:attachment":[{"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/media?parent=4592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/categories?post=4592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esterdigital.de\/blog\/wp-json\/wp\/v2\/tags?post=4592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}