Farbkreis-Generator

• Sofortige Farbkreiserzeugung: der Farbkreis-Generator rendert in Echtzeit einen vollständigen Kreis mit 360 Farbtönen, während Sie Sättigung und Helligkeit anpassen. Änderungen werden sofort ohne Verzögerung angewendet - keine Server-Roundtrips, kein Warten.
• Sichere und private Verarbeitung: Ihr Farbkreis wird vollständig in Ihrem Browser mit HTML5-Canvas erzeugt. Es werden keine Daten auf einen Server hochgeladen und Ihre Design-Entscheidungen verlassen niemals Ihr Gerät.
• Download als PNG oder SVG: exportieren Sie Ihren Farbkreis als hochwertiges PNG für Präsentationen und Mockups oder als skalierbares SVG für Druck, Figma, Illustrator und Web - alles mit einem Klick.
• 100 % kostenlos für immer: nutzen Sie diesen Farbkreis-Generator ohne Registrierung, Abos, Ratenlimits oder versteckte Paywalls. Erzeugen und laden Sie so viele Farbkreise herunter, wie Sie benötigen - völlig kostenlos.

Ein Farbkreis-Generator ist ein Tool, das eine kreisförmige Visualisierung des gesamten Farbtonspektrums rendert - von 0° (Rot) über 120° (Grün) bis 240° (Blau) und zurück zu 360° (Rot) - bei einstellbarer Sättigung und Helligkeit. Der Farbkreis ist das grundlegende Referenzwerkzeug der Farbenlehre und wird verwendet, um komplementäre, analoge, triadische und andere Harmoniebeziehungen zwischen Farben zu identifizieren. Dieser Farbkreis-Generator nutzt das HSL-Farbmodell (Farbton, Sättigung, Helligkeit), um mathematisch präzise Kreise zu erzeugen, die als PNG oder SVG für jeden Design-Workflow heruntergeladen werden können.

1. Sättigung und Helligkeit anpassen: stellen Sie mit den Schiebereglern die Sättigung (Farbintensität, 0-100 %) und die Helligkeit (Leuchtkraft, 5-95 %) für den gesamten Kreis ein. Alle 360 Farbtöne werden mit derselben Sättigung und Helligkeit gerendert, sodass der Kreis eine konsistente Farbfamilie zeigt.
2. Vorgabe oder Segmentanzahl wählen: wählen Sie eine Vorgabe wie Pastell, Gedämpft oder Dunkel, um zu gängigen Konfigurationen zu gelangen, oder wählen Sie eine Segmentanzahl (12, 24, 36, 72 oder 360), um zu steuern, wie viele verschiedene Farbsegmente im Kreis erscheinen.
3. Als PNG oder SVG herunterladen: klicken Sie auf die PNG-Schaltfläche, um ein Rasterbild für Präsentationen und Mockups herunterzuladen, oder auf SVG, um eine vollständig skalierbare Vektordatei für Druck, Figma, Illustrator und Web zu erhalten. Beide Dateien werden mit den Sättigungs- und Helligkeitswerten benannt.

• Sättigung (0-100 %): steuert, wie lebendig oder grau die Farben erscheinen. Bei 0 % werden alle Farbtöne grau. Bei 100 % sind die Farben voll gesättigt und lebendig. Pastellkreise verwenden typischerweise 40-70 % Sättigung.
• Helligkeit (5-95 %): steuert, wie hell oder dunkel die Farben erscheinen. Bei 50 % haben die Farben ihren lebendigsten Mittelpunkt. Höhere Werte erzeugen hellere, pastellartige Töne; niedrigere Werte erzeugen dunklere, sattere Töne.
• Innenradius (Donut): steuert die Größe des hohlen Zentrums. Bei 0 % ist der Kreis eine vollständige Scheibe. Höhere Werte erzeugen einen dünneren Ring - nützlich für dekorative oder Drucklayouts.
• Segmente: steuert, in wie viele verschiedene Farbsegmente der Kreis unterteilt wird. 360 Segmente erzeugen einen Kreis mit weichem Verlauf; 12 Segmente erzeugen den klassischen 12-Farben-Kreis der traditionellen Farbenlehre.

Der Farbkreis-Generator verwendet das HSL-Farbmodell, eine zylindrische Darstellung des RGB-Farbraums. HSL ist nicht wahrnehmungsgleichmäßig - das bedeutet, dass zwei Farben mit demselben Helligkeitswert dem menschlichen Auge nicht gleich hell erscheinen müssen (zum Beispiel erscheint Gelb bei L=50 % viel heller als Blau bei L=50 %). Für wahrnehmungsgleichmäßige Farbarbeit sollten Sie die Farbmodelle OKLCH oder LCH in Betracht ziehen. Der PNG-Export wird mit 400×400 Pixeln gerendert; für hochauflösenden Druck laden Sie das SVG herunter und exportieren es im benötigten DPI aus einem Vektoreditor.