Triadischer Farben-Generator
Erzeuge ein ausgewogenes triadisches Farbschema aus jeder Grundfarbe.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien werden niemals auf einen Server hochgeladen.
Base
#3b82f6
+120°
#f63b82
+240°
#82f63b
Was dieses Tool macht
Erzeugt ein triadisches Farbschema — drei Farben im Abstand von 120° auf dem Farbkreis — aus jeder von dir eingegebenen Grundfarbe, mittels HSL-Farbtonrotation bei konstanter Sättigung und Helligkeit.
So wird es verwendet
Wähle eine Grundfarbe über das Farbfeld oder gib direkt einen Hex-Code ein. Die drei Farbfelder aktualisieren sich sofort; klicke auf das Kopiersymbol eines Farbfelds, um seinen Hex-Wert zu kopieren.
Durchgerechnetes Beispiel
Die Standard-Grundfarbe #3b82f6 (ein Blau mit Farbton ≈217°, Sättigung ≈91 %, Helligkeit ≈60 %) erzeugt #f63b82 bei +120° (ein Pink/Rot) und #82f63b bei +240° (ein Grün) — drei gleichmäßig auf dem Kreis verteilte Farbtöne mit derselben Sättigung und Helligkeit wie die Grundfarbe.
Formel
Jede Akzentfarbe wird im HSL-Raum erzeugt: Der Farbton wird um +120° und +240° gegenüber dem Grundton gedreht, mit Umlauf bei 360°, während Sättigung und Helligkeit exakt gleich der Grundfarbe bleiben. Das Ergebnis wird zur Anzeige und zum Kopieren zurück in Hex umgewandelt.
Warum triadische Schemata funktionieren
Drei Farbtöne gleichmäßig auf dem Farbkreis zu verteilen garantiert starken visuellen Kontrast zwischen ihnen, ohne dass zwei Farben so nah beieinanderliegen, dass sie kollidieren oder verschwimmen. Das ist ein stärkerer Kontrast als bei einem komplementären (zweifarbigen) Schema — deshalb nutzen viele Designer eine der drei Farben als dominante Farbe und die anderen beiden als kleinere Akzente, statt allen drei das gleiche visuelle Gewicht zu geben.
Grenzen
Dieses Tool erzeugt Farben nur durch reine Farbtonrotation — es prüft keine Kontrastverhältnisse für Textzugänglichkeit (WCAG), schlägt nicht vor, welche der drei Farben dominant sein sollte, und liefert bei sehr niedrig gesättigten oder sehr dunklen/hellen Grundfarben ein technisch gültiges, aber nicht immer visuell ansprechendes Ergebnis, da der Farbton dort wahrnehmungsmäßig weniger aussagekräftig wird.
Umfang, Quellen und Datenschutz
Die triadische Farbtheorie ist ein Standardmodell der Farbharmonie, das in Designlehre und -praxis verwendet wird. Die Farben werden vollständig in deinem Browser mittels RGB/HSL-Umrechnungsmathematik berechnet; die eingegebene Farbe wird nie hochgeladen.
Häufig gestellte Fragen
- Was ist ein triadisches Farbschema?
- Drei Farben, die gleichmäßig im Farbkreis verteilt sind, 120° auseinander — es bietet starken visuellen Kontrast bei gleichzeitiger Balance.
- Ist triadisch lebendiger als komplementär?
- Das kann sein, da drei statt zwei Farbtöne genutzt werden — viele Designer wählen eine dominante Farbe und nutzen die anderen beiden als Akzente, um das Design nicht zu überladen.
- Wie viele Farben erzeugt das?
- Drei, einschließlich deiner Grundfarbe plus zwei weitere bei +120° und +240°.