Color Scheme Designer: Farbschema mit dem Farbkreis ermitteln

Mit dem Color Scheme Designer können Sie ganz einfach und schnell online ein Farbschema erstellen.

1) Grundfarbe einstellen

Sie müssen dazu nur mittels Farbwahlkreis die Grundfarbe auswählen. Sie haben dabei 2 Möglichkeiten, die Hauptfarbe einzustellen:

a) Mit der Maus einfach irgendeine Farbe einstellen

b) Farbnummer (Hex-Zahl) eintippen

Klicken Sie dazu auf der Startseite von Color Scheme Designer rechts unten neben dem Farbkreis auf den Button mit der Bezeichnung „RGB+Farbnummer“. Es öffnet sich ein neues Feld, wo sie Ihre individuelle Farbnummer eintippen können.

2) Farbschema einstellen

Mono
Grundfarbe bzw. Ausgangsfarbe

Komplementär
Zur Ausgangsfarbe wird eine komplementäre Farbe hinzugenommen. Komplementär heißt, auf dem Farbkreis direkt gegenüberliegend, also 180 Grad auf dem Farbkreis.

Triad
Man fügt zur Ausgangsfarbe zwei Farben hinzu, die um 120 bzw. 240 Grad auf dem Kreis liegen. Die drei Farben liegen auf dem Farbkreis in gleichen Abständen.

Tetrad (Quadratisch bzw. rechteckig)
In einem quadratischen Schema hat man 4 Farben mit jeweils 90 Grad Abstand auf dem Farbkreis. Bei einem rechteckigen Schema z.B. 2 mal 80 und 2 mal 100 Grad.

Analog
Einer Ausgangsfarbe werden zwei im Farbkreis “angrenzende” Farben hinzugefügt.

3) Fertiges Farbschema

Auf der rechten Seite von Color Scheme Designer erscheint je nach Auswahl unter Punkt 2 das fertige Farbschema. Fahren Sie mit der Maus über die verschiedenen Farben und es erscheinen die dazugehörigen Farbnummern (Hex-Zahlen #……).

4) Beispiel-Seiten mit Farbschema

Ganz toll finde ich, dass Sie auf der Seite von Color Scheme Designer Ihr ausgesuchtes Farbschema sofort auf einer Beispielseite online testen können. Sie haben dabei die Wahl zwischen einer hellen Test-Seite (Light Page Example) und einer dunklen Test-Seite (Dard Page Example). Siehe dazu meine 2 Testseiten (Grundfarbe: #7f9a42;):

Demo-Hell:

Demo-Dunkel:

5) Export des Farbschemas

In der Menüleiste ganz oben finden Sie die Exportfunktion für Ihr Farbschema. Dabei stehen Ihnen 5 verschiedene Möglichkeiten zur Verfügung.

6) Aussehen des Farbschemas bei „Fehlsichtigkeiten“

Im Menü finden Sie auch einen Unterpunkt mit der Bezeichnung „Vision Simulation“. Dort sehen Sie, wie Ihr Farbschema bei bestimmten angeborenen Farb-Fehlsichtigkeiten aussieht.

Ähnliche Artikel:

1000+ kostenlose und farblich anpassbare Icons auf Iconza.com
100.000+ freie Icons und 167 Icon-Sets auf Iconfinder.net
53 kostenlose Kalender Icons im *PNG*-Format – 53 Free Calender Icons
Mit Dirpy YouTube-Videos umkompliziert und rasch in Mp3-Files umwandeln
MyHeritage Gesichtserkennung – Welchem Prominenten sehen Sie am ähnlichsten

Tags: #7f9a42, Color Scheme, Color Scheme Designer, Colors, Farbcode, Farben, Farbkreis, Farbname, Farbnummer, Farbschema, Hex-Code, RBG-Modus