Farbkombinations-Empfehlungstool

Professioneller Farbkombinationsgenerator mit Unterstützung für verschiedene Farbschemata wie monochromatisch, Komplementärfarben und Triaden; ermöglicht die stapelweise Erstellung und den Export von Farbpaletten.

Fehler melden

Browser-Ausführungsmodus: Ihre Daten werden in Ihrem Browser verarbeitet und nicht auf den Server hochgeladen.

Geschwindigkeit und Stabilität: Die Verarbeitungsgeschwindigkeit hängt von Ihrem Gerät und Browser ab. Für große Stapelaufgaben kann die Desktop-Version stabiler sein.

Tool wird geladen, bitte warten...

Wenn das Online-Tool nicht lädt oder läuft, versuchen Sie das Desktop-Tool. https://tools.yikeaigc.com/

Tool-Nutzung

Zur alten Version zurückkehren

Erst einstellen, dann verarbeiten

Erst Hauptfarbe und Regeln festlegen, dann exportierbare Palette erstellen

Schnell mit Beispielfarben starten oder per HEX exakt wählen. Jeder Schritt hat eine Weiter-Schaltfläche; danach erstellen, speichern und herunterladen.

HEX / RGB / HSL / CMYK Monochrom / Komplementär / Triade CSS / SCSS / JSON / PNG Einstellungen speicherbar

Aktuelle Hauptfarbe Farbwert zum Kopieren anklicken

HEX

RGB

HSL

Hauptfarbe

Bitte zuerst die Hauptfarbe festlegen. Nutze Farbwähler, HEX-Eingabe oder HSL-Regler; die Palette aktualisiert sich live.

GrundfarbeUnterstützt 6-stelliges HEX

HEX-Farbwert Beispiel: #0F6FAE

CMYK

HSL-FeinabstimmungZum Feinjustieren von Farbton, Sättigung und Helligkeit

Farbton205°

Sättigung78%

Helligkeit37%

Palette benennen

BeispielfarbeNach dem Klick weiter anpassbar

Farbregeln

Wähle ein Farbmodell und lege dann Farbanzahl sowie Hell-Dunkel-Versatz fest. Am besten erst mit Standardwerten erstellen, dann je nach Design anpassen.

FarbmodellAnaloge Farben für einheitliche, sanfte Looks

GenerierungsparameterErst Parameter einstellen, dann Vorschau öffnen

Farbanzahl

Nachbarwinkel24°

Sättigungsversatz0%

Helligkeitsversatz0%

Neutralisierung8%

Sortierung

Verlaufstyp

Verlaufswinkel90°

Vorschau anpassen

Prüfe Codes, Lesbarkeit und UI-Beispiel jeder Farbe. Klicke auf einen Farbwert zum Kopieren.

Farbschema5 Farben

OberflächenvorschauZur schnellen Einschätzung von Primär/Sekundär

VerlaufscodeDirekt in CSS kopierbar

Export speichern

Aktuelles Schema exportieren oder mehrere Schemata stapelweise erstellen. Es werden nur die ersten 20 Ergebnisse angezeigt; der Download enthält alle.

Batch-OptionenMenge nach Bedarf festlegen

Anzahl Schemata

Variationsstärke

Inhalt exportierenFür Dateien und Code

HEX RGB HSL CMYK

JSON CSS SCSS PNG

Download-AktionZIP enthält alle Stapelergebnisse

Batch-ErgebnisNoch nicht stapelweise erstellt

Bitte zuerst Hauptfarbe und Farbregeln festlegen, dann „Stapelweise erstellen“ klicken.

Gespeicherte Schemata0

Gespeicherte Schemata erscheinen hier und können erneut angewendet oder gelöscht werden.

Anleitung

Anleitung zur Software-Nutzung

Hauptfarbe festlegen:Legen Sie in „Hauptfarbeinstellungen“ die Grundfarbe mit dem Farbwähler, dem HEX-Eingabefeld oder den HSL-Schiebereglern fest. Sie können auch auf eine Beispielfarbe klicken, um sie schnell zu laden.
Farbregel auswählen:
- Monochrom:Erzeugt Helligkeitsabstufungen auf Basis desselben Farbtons, geeignet für ein einheitliches Design.
- Analoge Farben:Wählt benachbarte Farbtöne, geeignet für weiche, abgestufte visuelle Effekte.
- Komplementärfarben:Verwendet Farben auf der gegenüberliegenden Seite des Farbkreises, geeignet zum Hervorheben von Buttons, Überschriften und wichtigen Inhalten.
- Geteilte Komplementärfarben:Fügt einer Kontrastbeziehung abmildernde Farben hinzu, geeignet für Kampagnengrafiken und Aktionsvisuals.
- Dreiergruppe, Vierergruppe, tetradische Farben:Geeignet für Diagramme, Kategorie-Tags und Oberflächen mit mehreren Modulen.
- Neutrale Farben:Geeignet für Business-Seiten, Tool-Oberflächen und dokumentbasierte Designs.
Generierungsparameter anpassen:Legen Sie Farbanzahl, benachbarten Winkel, Sättigungsversatz, Helligkeitsversatz, Neutralisierungsanteil, Sortierung und Verlaufswinkel fest.
Farbschema ansehen:Öffnen Sie „Vorschau & Feinabstimmung“, um HEX-, RGB-, HSL- und Kontrastinformationen jeder Farbe anzuzeigen. Klicken Sie auf die Farbwert-Schaltfläche, um den Wert zu kopieren.
Schema und Einstellungen speichern:Klicken Sie auf „Aktuelles Schema speichern“, um ein Farbschema zu speichern, und auf „Einstellungen speichern“, um die aktuellen Parameter für die spätere Nutzung zu sichern.
Stapelgenerierung:Öffnen Sie „Speichern & Exportieren“, legen Sie die Anzahl der Schemas und den Variationsumfang fest und klicken Sie auf „Stapelgenerierung“, um mehrere Farbschemas zu erstellen. Die Oberfläche zeigt die ersten 20 Schemas an; beim Download sind alle Ergebnisse enthalten.
Dateien exportieren:Sie können JSON-, CSS-, SCSS- und PNG-Dateien einzeln herunterladen oder nach Auswahl der Exportinhalte ein ZIP-Archiv herunterladen.

Häufige Fragen

Antwort:Monochrom eignet sich für Markenerweiterungen und schlichte Oberflächen; analoge Farben eignen sich für weiche, einheitliche Seiten; Komplementärfarben eignen sich zur Hervorhebung wichtiger Informationen; Dreiergruppen eignen sich für Diagramme und Layouts mit mehreren Modulen; neutrale Farben eignen sich für Business-Tools und Dokumentationsszenarien.

Antwort:Geben Sie im HEX-Eingabefeld einen Farbcode ein, z. B. #0F6FAE. Das Tool aktualisiert automatisch Farbwähler, HSL-Schieberegler und Farbvorschau. Sie können auch über die Schieberegler für Farbton, Sättigung und Helligkeit feinjustieren.

Antwort: Die CSS-Datei erzeugt Farbcodes in Form von Variablen, die für Webseitenstile verwendet werden können; die SCSS-Datei eignet sich für Sass-Projekte. Beide Formate lassen sich gut in Designsystemen, beim Themenwechsel und in Komponentenstilen wiederverwenden.

Antwort: Die Stapelgenerierung verschiebt Farbton, Sättigung und Helligkeit auf Basis der aktuellen Hauptfarbe, der Farbregeln und des Variationsumfangs sinnvoll, sodass mehrere stilistisch zusammenhängende, aber nicht identische Farbschemata entstehen.

Antwort: Gespeicherte Schemata werden im lokalen Speicher des aktuellen Geräts abgelegt. Nach dem Löschen der Websitedaten oder einem Gerätewechsel werden zuvor gespeicherte Schemata möglicherweise nicht mehr angezeigt. Wichtige Schemata sollten daher rechtzeitig als Datei exportiert werden.

Antwort: Nein. Farbberechnung, Speichern von Schemata und Dateierstellung erfolgen vollständig auf dem aktuellen Gerät. Hauptfarbe, Schemata und Exportinhalte werden nicht auf den Server hochgeladen.

Antwort: Sehen Sie sich in der „Vorschau-Feinabstimmung“ den Kontrast mit weißer Schrift und den Kontrast mit dunkler Schrift für jede Farbe an. Je höher der Wert, desto klarer ist der Text lesbar. Bei Verwendung als Hintergrund für Fließtext empfiehlt es sich, die Schriftfarbe mit höherem Kontrast zu wählen.