Farbkreis online

Wähle eine Grundfarbe und der Farbkreis berechnet analoge, komplementäre, triadische und weitere Paletten. Kopiere die HEX-, RGB-, HSL- oder OKLCH-Codes oder exportiere sie nach CSS, Tailwind und Figma.

Harmonien

Harmonien: Analog

Farbumwandlung

Sehen Sie den Code dieser Farbe in zehn verschiedenen Formaten, bereit zum Kopieren.

Was ist der Farbkreis

Der Farbkreis (oder das Farbrad) ordnet Farben nach ihrem Farbton von 0° bis 360°. Er ist die Grundlage der Farbenlehre: Auf einen Blick zeigt er, welche Töne nah beieinanderliegen, welche sich gegenüberstehen und welche Schemata ausgewogen oder kontrastreich sind. Er wird im Webdesign, Branding, UI, in der Illustration und in jedem Projekt eingesetzt, in dem die Palette klar kommunizieren muss.

Anders als der Farbwähler, gedacht für den Fall, dass du schon einen bestimmten Code hast, oder der Bild-Farbwähler, gedacht zum Extrahieren von Farben aus einem Foto, geht der Farbkreis von Matizly von einer einzigen Grundfarbe aus. Du legst den Farbton im Kreis oder per Hex, RGB, HSL oder OKLCH fest; das Werkzeug berechnet den Rest nach der gewählten Harmonie und lässt dich die Palette anpassen, sperren, umsortieren und exportieren.

Primär-, Sekundär- und Tertiärfarben

Der traditionelle Farbkreis aus Malerei und Schule hat zwölf Farben, die in drei Stufen aufgebaut sind.

Primärfarben

Rot, Gelb und Blau. Sie lassen sich nicht aus anderen Farben mischen, und aus ihnen entstehen alle übrigen.

Gelb
Rot
Blau

Sekundärfarben

Orange, Grün und Violett. Jede entsteht aus zwei Primärfarben zu gleichen Teilen: Rot und Gelb ergeben Orange, Gelb und Blau Grün, Blau und Rot Violett.

Orange
Violett
Grün

Tertiärfarben

Sie mischen eine Primärfarbe mit der benachbarten Sekundärfarbe: Gelborange, Rotorange, Rotviolett, Blauviolett, Blaugrün und Gelbgrün.

Gelborange
Rotorange
Rotviolett
Blauviolett
Blaugrün
Gelbgrün

Warme und kalte Farben

Teilt man den Kreis in zwei Hälften, entstehen zwei Familien. Warme Farben (Gelb, Orange und Rot) erinnern an Sonne und Feuer: Sie vermitteln Energie und Nähe und scheinen auf den Betrachter zuzukommen.

Kalte Farben (Grün, Blau und Violett) erinnern an Wasser und Himmel: Sie vermitteln Ruhe und Distanz und scheinen zurückzuweichen. Im Design reserviert man oft eine warme Farbe für das, was auffallen soll, und nutzt kalte Farben für Hintergründe und ruhige Bereiche.

Warm
Kalt

RYB, RGB und CMY: drei Farbkreise

Es gibt nicht nur einen Farbkreis: Er ändert sich, je nachdem ob man Pigment, Licht oder Tinte mischt.

RYB, für die Malerei

Rot, Gelb und Blau als Primärfarben. Der traditionelle Farbkreis aus Schule und bildender Kunst, nützlich zum Mischen von Farben.

RGB, für Bildschirme

Rotes, grünes und blaues Licht: zusammen ergeben sie Weiß. So arbeiten Monitore, Smartphones und Webdesign – und so zeigt ihn der Farbkreis von Matizly.

CMY, für den Druck

Cyan, Magenta und Gelb als Druckfarben, dazu Schwarz (CMYK). Übereinander gedruckt ziehen sie Licht ab. Das ist das System des Drucks.

So verwendest du den Farbkreis von Matizly

Klicke in den Kreis oder gib einen Hex-, RGB-, HSL- oder OKLCH-Code ein, um die Grundfarbe festzulegen. Wähle im Menü die Harmonie: analog, komplementär, geteilt komplementär, triadisch, tetradisch, quadratisch, monochrom, Töne, zusammengesetzt oder benutzerdefiniert. Die Palette aktualisiert sich sofort in Spalten, die du sperren, umsortieren, bearbeiten oder erweitern kannst.

Von jeder Farbe aus öffnest du Schattierungen und Feinjustierungen; du kannst die Palette in deiner Sammlung speichern, Codes kopieren oder nach CSS, Tailwind oder Figma exportieren. Alles läuft im Browser: kein Konto und kein Upload nötig. Wenn du von einem Foto ausgehst, nutze zuerst den Bild-Farbwähler und bring diese Töne in den Farbkreis.

Arten von Farbharmonien im Farbkreis

Analog

Analoge Farben liegen im Kreis nebeneinander. In Matizly werden aus der Grundfarbe fünf benachbarte Töne erzeugt (etwa ±20° und ±40°). Das Ergebnis ist eine sanfte, stimmige Palette, ideal für Hintergründe, ruhige Bereiche und Marken, die visuelle Kontinuität ohne harte Kontrastsprünge suchen.

Komplementär

Die komplementäre Harmonie verbindet eine Farbe mit ihrem Gegenüber im Kreis (180°). Matizly liefert das Paar aus Grund- und Komplementärfarbe. Es ist das kontrastreichste Schema: perfekt für CTAs, Akzente und um ein Element hervorzuheben, ohne mehr Töne als nötig hinzuzufügen.

Geteilt komplementär

Statt des exakten Gegenübers nutzt sie die Grundfarbe und die beiden Nachbarn ihrer Komplementärfarbe (150° und 210°). Sie behält den Kontrast der komplementären Harmonie, aber mit weniger visueller Spannung. Passt gut zu Interfaces und Branding, die lebhafte Akzente brauchen, ohne die ganze Palette zu polarisieren.

Triadisch

Drei gleich weit entfernte Farben im Kreis (0°, 120° und 240°). Matizly berechnet die Triade aus deiner Grundfarbe. Sie verbindet Lebendigkeit und Harmonie: nützlich für Paletten mit Charakter, Iconografie und Farbsysteme, in denen jeder Ton eine klare Rolle hat.

Tetradisch

Auch rechteckig genannt: zwei komplementäre Paare (in Matizly Verschiebungen um 60°, 180° und 240°). Sie erzeugt vier sehr unterschiedliche Farben. Am besten wählst du eine dominante Farbe und nutzt die übrigen als Akzente, damit das Interface nicht überladen wirkt.

Quadratisch

Vier Farben in gleichen Abständen (90°, 180° und 270° ab der Grundfarbe). Ähnlich der tetradischen, aber symmetrischer. Ergibt reiche, ausgewogene Paletten für Dashboards, Illustrationen oder Identitäten mit mehreren gleichwertigen Akzenten.

Monochrom

Ein einziger Farbton mit verschiedenen Helligkeiten und Sättigungen, von hell bis dunkel. Im Farbkreis von Matizly verhält sich das Rad wie eine Skala desselben Tons. Ideal für Typografie, Flächen, Zustände und minimalistische Themes mit großer Stimmigkeit.

Töne

Variationen desselben Farbtons, vor allem über die Sättigung (der Grundfarbe wird Grau beigemischt). Die Tonskala wirkt weicher und edler als reine Schattierungen. Sie eignet sich für dezente Hierarchien, Chips, Rahmen und Hintergründe, die nicht mit dem Inhalt konkurrieren.

Zusammengesetzt

Kombiniert analoge Nachbarn der Grundfarbe mit einem geteilt komplementären Bereich (inklusive Gegenüber). Matizly erzeugt ein reiches, aber kontrolliertes Schema aus fünf Farben: analoge für den Hauptbereich und komplementäre für die Akzente.

Benutzerdefiniert

Gleichmäßige Verteilung von fünf Farben rund um den Kreis (alle 72°). Ein freier Ausgangspunkt: Danach kannst du Farben in der Palette verschieben, sperren oder löschen, bis das Schema genau so ist, wie dein Projekt es braucht.

Häufige Fragen

Im traditionellen Farbkreis (RYB) sind es Rot, Gelb und Blau. Auf Bildschirmen (RGB) sind die Primärfarben Rot, Grün und Blau, im Druck (CMY) Cyan, Magenta und Gelb.

Warm sind Gelb-, Orange- und Rottöne; kalt sind Grün-, Blau- und Violetttöne. Warme Farben ziehen Aufmerksamkeit auf sich, kalte vermitteln Ruhe.

Er ist eine kreisförmige Darstellung der Farbtöne (0°–360°), die hilft, harmonische oder kontrastreiche Kombinationen zu wählen. In Matizly erzeugt er aus einer einzigen Grundfarbe Paletten, die für Design und Entwicklung bereit sind.

Analog, komplementär, geteilt komplementär, triadisch, tetradisch, quadratisch, monochrom, Töne, zusammengesetzt und benutzerdefiniert. Jede ordnet die Farben im Kreis nach anderen Regeln der Farbenlehre an.

Es sind die Farben auf gegenüberliegenden Seiten des Kreises (180°). Wähle deine Grundfarbe, stelle „Komplementär“ ein und Matizly berechnet das Paar automatisch, mit Codes zum Kopieren.

Analoge Farben liegen im Kreis nebeneinander und ergeben sanfte Kombinationen. Triadische liegen 120° auseinander und erzeugen lebendigere Paletten, bei denen die drei Töne im Gleichgewicht bleiben.

Beide nutzen vier Farben. Die quadratische verteilt sie alle 90°. Die tetradische (rechteckige) nutzt zwei komplementäre Paare mit anderer Verteilung (in Matizly 60°/180°/240°), asymmetrischer und mit mehr Abwechslung bei den Akzenten.

Die monochrome verändert die Helligkeit (und Sättigung) desselben Farbtons, von hell bis dunkel. Die Tonskala senkt die Sättigung durch Beimischen von Grau, mit einem gedämpfteren, edleren Ergebnis. Beide behalten einen einzigen Farbton.

Der Farbkreis erkundet Harmonien ausgehend von einer Grundfarbe. Der Farbwähler dient dazu, einen bereits bekannten Code zwischen Hex, RGB, HSL, OKLCH und anderen Formaten umzurechnen.

Ja. Du kannst jede Farbe kopieren, die Palette in deiner Sammlung speichern und sie in Formaten für CSS, Tailwind oder Figma exportieren, ohne Registrierung.