Softonic

Analoger Farbgenerator

Schritt 1 von 3
Nächste

Wähle eine Basisfarbe und einen Winkelabstand. Das Tool zeigt die Basis mit je einer Nachbarfarbe im gewählten Abstand, den klassischen Dreierkern, sowie ein äußeres Paar im doppelten Abstand für eine breitere Fünferpalette. Analoge Paletten zählen zu den harmonischsten klassischen Farbschemata, weil ihre nah beieinanderliegenden Farbtöne einen dominanten Unterton teilen. Deshalb begegnen sie häufig in der Natur (Sonnenuntergänge, Wälder) und im Editorial Design.

So baust du eine analoge Palette

  1. 1

    Wähle die Basisfarbe

    Füge einen Hex-Code, RGB-Triplett oder HSL-Wert ein. Gesättigte Mitteltöne ergeben die reichhaltigsten analogen Sets.

  2. 2

    Wähle den Versatzwinkel

    30° ist der klassische analoge Abstand. 15° ergibt ein engeres, fast monochromatisches Set; 45° nähert sich dem gespaltenen Komplementär.

  3. 3

    Variiere die Helligkeit

    Variiere optional die Helligkeit über die drei Farben, um eine flache Palette zu vermeiden. Das Aufhellen der beiden Flügel schafft ein sanfteres, editoriales Gefühl.

  4. 4

    Exportiere die Farben

    Kopiere Hex, RGB oder HSL. Nützlich für CSS-Variablen, Figma-Stile oder Druckspezifikationen.

Klassische Farbschemata vs. analog

Schema Winkelbeziehung Charakter
Monochromatisch 0° (gleiche Farbe, unterschiedliche Helligkeit/Sättigung) Ruhig, einheitlich
Analog 30° auf beiden Seiten Harmonisch, natürlich
Komplementär 180° auseinander Hoher Kontrast, Spannung
Gespalten-komplementär Basis + 2 Farben flankieren Komplementär Kontrast mit Nuance
Triadisch 120° auseinander Ausgewogen, lebhaft
Tetradisch Zwei komplementäre Paare Reich, komplex

Beispiele für analoge Paletten aus der Natur

  • Sonnenuntergang: gelb → orange → rot-orange (30° Sprünge auf der warmen Seite).
  • Wald: gelb-grün → grün → blau-grün.
  • Ozean: blau-grün → blau → blau-violett.
  • Herbst: rot-orange → orange → gelb-orange.

Gestalten mit einem analogen Set

  • Wähle eine Farbe als dominant (60% der Fläche), die zweite als Akzent (30%) und die dritte als Highlight (10%), die “60-30-10” Regel.
  • Kombiniere analoge Farben mit einem Neutralton (weiß, schwarz, warmes Grau) für Fließtext und UI-Elemente.
  • Vermeide die Verwendung von drei analogen Farben mit gleicher Sättigung für große Flächen, es sieht matschig aus. Variiere die Helligkeit oder Sättigung zwischen den Flügeln und der Basis.

Farbräume und Winkelberechnung

Der 30° Versatz wird im HSL- oder HSV-Farbraum berechnet, die beide den Farbton als Winkel (0-360°) behandeln. Radialoperationen in RGB funktionieren nicht, du musst in HSL konvertieren, den Farbton drehen und zurückkonvertieren. Das ist, was das Tool im Hintergrund macht. Die Ausgabe in allen drei Notationen wird bereitgestellt, da CSS, Design-Tools und Druck-Workflows jeweils unterschiedliche Formate bevorzugen.

Häufig gestellte Fragen

Monochromatisch verwendet einen Farbton mit unterschiedlicher Helligkeit und Sättigung (marine, blau, himmelblau). Analog verwendet drei verschiedene Farbtöne, die Nachbarn auf dem Farbkreis sind (blau-grün, blau, blau-violett). Analog hat mehr visuelle Vielfalt.

Analoge Farben können sich überlappende CMYK-Tintenmischungen haben, was den Kontrast beim Druck verringert. Überprüfe die Softproof-Versionen und ziehe in Betracht, den Abstand von 30° auf 40° für Druckarbeiten zu erhöhen.

Ja, aber halte eine der drei als die dominante Markenfarbe und relegiere die anderen beiden zu unterstützenden Rollen (Abzeichen, Akzente). Die Verwendung aller drei für primäre UI-Aktionen führt zu Verwirrung, Benutzer lernen, eine Farbe mit dem Hauptaufruf zur Aktion zu assoziieren.

Die mittleren drei bilden das klassische analoge Schema: den Basisfarbton und je einen Nachbarn im gewählten Winkelabstand. Die beiden äußeren Farben liegen im doppelten Abstand und sind optionale, weiter gefasste Varianten. Bei den voreingestellten 30° liegt der Kern bei ±30° und das äußere Paar bei ±60°.

Verwandte Tools

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

JSON-Formatierer

Fügen Sie JSON ein, um es mit 2 oder 4 Leerzeichen lesbar zu formatieren, kompakt zu minifizieren oder vor dem Kopieren schnell die Syntax zu prüfen.

Zufälliger Farbgenerator

Erzeuge 1 bis 50 zufällige HEX-Farben mit Farbfeldern zum Prüfen, Kopieren und Verwenden in CSS, Tests oder Palettenideen.

Binär-zu-ASCII-Konverter

Fügen Sie Binärdaten (durch Leerzeichen getrennte Bytes oder einen langen Bitstrom) ein und erhalten Sie den ASCII-Text, den sie darstellen. Unterstützt 7-Bit- und 8-Bit-Codierungen.

HEX-Farbwähler

Wählen Sie eine Farbe visuell aus und erhalten Sie HEX-, RGB-, HSL-, HSV- und CMYK-Werte plus Kontrastprüfung gegen Weiß und Schwarz.

Base64 zu Hex-Konverter

Konvertieren Sie einen Base64-String in seine zugrunde liegenden Bytes, die als Hexadezimal dargestellt werden. Nützlich zum Überprüfen von Tokens, Schlüsseln, Zertifikaten und JWTs.