# Analoge Farben: der einfachste Weg zu einer ruhigen Farbpalette [Canonical HTML page](https://gradiently.design/de/guide/analogous-colors) Wähle drei Nachbarn im Farbkreis, und kaum etwas kann schiefgehen. Die Kunst liegt darin, ihnen genug Kontrast zu geben, damit sie spannend bleiben, und zu wissen, wann du die Ruhe brichst. ## The short version - Analoge Farben sind Farbtöne, die im Farbkreis nebeneinanderliegen, etwa Blau, Türkis und Grün. - Weil benachbarte Farbtöne so viel gemeinsam haben, wirken analoge Farbpaletten ruhig und natürlich, und sie sind die am leichtesten zu treffenden Farbpaletten. - Analoge Farben ergeben die glattesten Farbverläufe, weil der Übergang zwischen Nachbarn gesättigt bleibt, statt grau zu werden. - Das Hauptrisiko ist Gleichförmigkeit, die du vermeidest, indem du der Farbpalette eine große Spannbreite an Helligkeit gibst. - Ein kleiner Akzent von der gegenüberliegenden Seite des Farbkreises gibt einer analogen Farbpalette einen Blickpunkt, ohne ihre Ruhe zu brechen. **Analoge Farben** sind Farbtöne, die im Farbkreis Seite an Seite liegen: Blau, Türkis und Grün oder Rot, Orange und Gelb. Weil jede etwas von ihrem Nachbarn teilt, sehen sie aus, als gehörten sie zusammen, so wie die Farben eines Sonnenuntergangs oder eines flachen Meeres. Eine analoge Farbpalette besteht meist aus drei bis fünf Farbtönen auf einem kleinen Bogen des Kreises und ist der verlässlichste Weg zu einem ruhigen, einheitlichen Look. Dieser Artikel zeigt, wie du eine baust, wie du sie davor bewahrst, flach zu wirken, und warum analoge Farben die besten Farbverläufe ergeben. Ist der Farbkreis neu für dich, lies zuerst [so nutzt du den Farbkreis](https://gradiently.design/de/guide/color-wheel). ## Was Farben analog macht Es gibt keine strenge Grenze, aber als Richtwert gilt: Analoge Farbtöne passen in etwa ein Viertel des Kreises, grob 90 Grad Farbton. Ein enger Bogen von 30 Grad wirkt fast monochrom. Ist er breiter als 90 Grad, beginnen die Enden zu kontrastieren, und die Farbpalette fängt an, wie ein Teil eines Regenbogens zu wirken. | Spanne im Farbkreis | Beispiel | Wirkung | | --- | --- | --- | | Etwa 30 Grad | Blau, Blauindigo | Fast eine Farbe, sehr ruhig | | Etwa 60 Grad | Blau, Himmelblau, Türkis | Harmonisch mit sanfter Abwechslung | | Etwa 90 Grad | Indigo, Blau, Himmelblau, Türkis | Satt und trotzdem einheitlich | | Mehr als 120 Grad | Violett bis Grün | Wirkt schon wie ein Regenbogen | Wie die Breite des Bogens den Charakter einer analogen Farbpalette verändert. - Indigo: #4f46e5 - Blau: #2563eb - Himmelblau: #0284c7 - Türkis: #0d9488 Vier Nachbarn auf etwa 70 Grad, von Indigo bis Türkis. ## Analoge Farbpaletten mit Codes Am leichtesten erkennst du analoge Farben als Farbverläufe, denn dort glänzen sie. Jeder dieser Verläufe wandert durch benachbarte Farbtöne und wird dabei heller, wodurch er nicht flach wirkt. - Glut: Rost, Orange, Bernstein: `linear-gradient(135deg, #7c2d12 0%, #ea580c 50%, #fbbf24 100%)` - Lagune: Marine, Türkis, Minze: `linear-gradient(135deg, #1e3a8a 0%, #0e7490 50%, #34d399 100%)` - Beere: Violett, Magenta, Pink: `linear-gradient(135deg, #4c1d95 0%, #a21caf 50%, #f472b6 100%)` - Farn: Wald, Oliv, Limette: `linear-gradient(135deg, #14532d 0%, #3f6212 50%, #a3e635 100%)` - Dämmerung: Tinte, Indigo, Lavendel: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #818cf8 100%)` - Zitrus: Grün, Gold, Orange: `linear-gradient(135deg, #4d7c0f 0%, #ca8a04 50%, #f97316 100%)` Sechs analoge Farbverläufe. Jeder umfasst einen kurzen Bogen an Farbton und eine große Spanne an Helligkeit. Beachte, dass die warmen Farbpaletten (Glut, Beere, Zitrus) und die kühlen (Lagune, Farn, Dämmerung) jeweils bei einer Temperatur bleiben. Das macht den größten Teil ihrer Ruhe aus. Warme analoge Farbpaletten wirken nah, lebendig und appetitlich, was zu Essen, Gastronomie und Events passt. Kühle wirken weit und stetig, was zu Wellness, Finanzen und Technik passt. [Warme und kalte Farben](https://gradiently.design/de/guide/warm-and-cool-colors) geht tiefer auf die Temperatur ein. Viele der besten analogen Farbpaletten stammen direkt aus der Natur, denn Licht, das durch Luft, Wasser oder Blätter fällt, wandert allmählich durch benachbarte Farbtöne. Ein Foto einer Küstenlinie, eines Waldbodens oder eines Abendhimmels ist eine fertige Quelle. [Eine Farbpalette aus einem Bild ziehen](https://gradiently.design/de/guide/color-palette-from-image) zeigt, wie du eine aufnimmst, ohne trübe Farben zu erwischen. ## Warum analoge Farben die glattesten Farbverläufe ergeben Wenn ein Farbverlauf zwei Farben mischt, ist jeder Punkt dazwischen eine Mischung aus ihnen. Mischst du zwei Nachbarn, ist die Mischung einfach der Farbton dazwischen, weiter gesättigt. Mischst du zwei Gegenpole, hebt sich die Mischung Richtung Grau auf. Deshalb brauchen [komplementäre Farbverläufe](https://gradiently.design/de/guide/complementary-colors) einen Hilfsstopp in der Mitte und analoge nie. - Nachbarn: Blau zu Türkis: `linear-gradient(90deg, #2563eb 0%, #0d9488 100%)` - Gegenpole: Blau zu Orange: `linear-gradient(90deg, #2563eb 0%, #ea580c 100%)` Der erste bleibt auf ganzer Breite sauber. Der zweite führt durch eine matte, gräuliche Mitte. Damit sind analoge Übergänge eine sichere Wahl für Hintergründe hinter Text, Markenflächen und große Oberflächen. Mehr zur matten Mitte steht in [trübe Farbverläufe](https://gradiently.design/de/guide/muddy-gradients). ## So baust du eine analoge Farbpalette 1. **Wähle einen dominanten Farbton** Starte mit der Farbe, die am wichtigsten ist. Sie deckt den größten Teil des Designs ab. 2. **Füge auf jeder Seite ein oder zwei Nachbarn hinzu** Bleib innerhalb von etwa 60 bis 90 Grad. Neigst du dich zu einer Seite, gibt das der Farbpalette eine Richtung: zu warm oder zu kühl. 3. **Streue die Helligkeit** Mach eine Farbe tief und eine hell. Das verhindert, dass eine analoge Farbpalette wie eine verschmierte Farbe aussieht. 4. **Variiere die Sättigung** Nimm die unterstützenden Farben etwas zurück, damit die dominante als Anführerin gelesen wird. 5. **Entscheide über einen Akzent** Braucht das Design einen Blickpunkt, füge eine kleine Menge einer Farbe von der gegenüberliegenden Seite des Kreises hinzu. ## Einen Akzent zu einer analogen Farbpalette ergänzen Die Ruhe einer analogen Farbpalette ist auch ihre Schwäche: Nichts sticht heraus. Soll ein Button, ein Preis oder ein Schlüsselwort gesehen werden, leih dir eine Farbe von der anderen Seite des Kreises und nutze sehr wenig davon. Designer nennen das manchmal analog plus Akzent. Der Akzent wirkt genau deshalb, weil alles andere zusammenpasst. - Tiefes Marineblau: #0c1a3a - Blau: #1d4ed8 - Türkis: #0e7490 - Helle Minze: #99f6e4 - Akzent: Aprikose: #fb923c Eine kühle analoge Familie von Marine bis Minze mit einem warmen Akzent von der Gegenseite. Eine Produktankündigung im Hochformat mit einer Überschrift auf einem ruhigen, verlaufenden Hintergrund Analoge Flächen tragen Schrift ruhig, was zu Produkt- und Redaktionsposts passt. ## Häufige Fehler bei analogen Farbpaletten ### Vermeide - Jede Farbe in derselben Helligkeit - Einen so breiten Bogen, dass er zum Regenbogen wird - Warme und kühle Neigung ohne Plan mischen - Text in einem Mittelton der Farbpalette ### Mach - Eine tiefe, eine mittlere und eine helle Farbe - Drei bis fünf Farbtöne innerhalb von etwa 90 Grad - Eine klare Temperatur - Text in der dunkelsten oder hellsten Farbe Willst du noch mehr Einheit, verengst du den Bogen auf einen einzigen Farbton, und du hast eine [monochrome Farbpalette](https://gradiently.design/de/guide/monochromatic-color-scheme). Willst du mehr Energie, wechsle zu einer [triadischen Farbpalette](https://gradiently.design/de/guide/triadic-colors). ## FAQ ### Was sind analoge Farben? Analoge Farben sind Farbtöne, die im Farbkreis nebeneinanderliegen, etwa Blau, Türkis und Grün oder Rot, Orange und Gelb. ### Wie viele Farben hat ein analoges Farbschema? Meist drei bis fünf Farbtöne innerhalb von etwa einem Viertel des Farbkreises, eine dominant und die übrigen unterstützend. ### Warum sehen analoge Farben in Farbverläufen gut aus? Die Mischung zwischen zwei benachbarten Farbtönen ist einfach der Farbton dazwischen, deshalb bleibt der Übergang gesättigt und wird in der Mitte nie grau. ### Wie verhindere ich, dass eine analoge Farbpalette flach wirkt? Gib ihr eine große Spanne an Helligkeit, variiere die Sättigung ein wenig und füge bei Bedarf einen kleinen Akzent von der gegenüberliegenden Seite des Farbkreises hinzu.