Farbe

Farben Einführung 1 (ca. 14 Minuten)

Farben Einführung (engl. mit deutschen Untertiteln, ca. 6 Minuten)

  • Farbmischung (Subtraktive Farbmischung, Additive Farbmischung)
  • Spektralfarben
  • Psychologische Wirkung
  • Qualitätskontrast
  • Winkelkontrast
  • Helligkeitskontrast
  • Primärfarben
  • Sekundärfarben
  • Tertiärfarben
  • Komplementärfarbe
  • Hauptfarbe
  • Hausfarbe (CorporateDesign-Farben)
  • Akzentfarbe
  • Farbkreis
  • Sättigung – gesättigt – ungesättigt
  • Hintergrundfarbe
  • Farbwert
  • Farbsystem
  • Farbtheorie
  • Kalte Farben
  • Warme Farben
  • Triaden
  • Monochromatische Farben (Farbton mit weiß oder schwarz abgemischt)
  • Farbharmonie
  • Analogfarben (Farben, die im Kreis nebeneinander stehen)
  • Reine – unreine Farben
  • Buntheit
  1. Deutlichen Kontrast zwischen Leseobjekt (Text) und Hintergrund einhalten (Kontrastrechner
  2. Bei schwarzer Schrift auf weißem Hintergrund (oder umgekehrt) ist der Kontrast optimal
  3. Bei Negativtext Schriftgröße um 10 %, Laufweite um 2 % sowie die Strichstärke erhöhen
  4. Text nicht über Bilder oder Farbverläufe setzen
  5. Farben sparsam einsetzen und klar voneinander abgrenzen
  6. Zusätzlich zur Farbe immer auch ein weiteres Unterscheidungsmerkmal verwenden
  7. Rot-Grün-Kombinationen und Komplementärkontraste vermeiden
  8. Semantische Farbkonventionen beachten (Rot für Liebe oder Achtung, Grün für Natur …)

Was ist Farbe?
Welche Rolle spielt Farbe bei Gestaltung?
Was sollte ein Mediengestalter über Farben unbedingt wissen? (Level 1 = Einsteiger)

Farbsysteme:

1) RGB
2) CMYK, HKS, Pantone
3) Hexacode
4) Farbkreise nach Itten
5) Primär-, Sekundär-Farben,
6) Komplentär-Farben,
7) Monochrome Farben
8) Bunte und unbunte Farben
9) Signalfarben

Farb-Konverter
(HKS-Hexacode-CMYK-RGB-RAL)
https://hks2.com

https://color.adobe.com/de/create/color-wheel
http://khroma.co
http://colormind.io

Farb-Psychologie:

1) rot
2) blau
3) gelb
4) grün
5) orange
6) weiß
7) schwarz

99designs.de/blog/design-kreativitaet/die-psychologie-der-farben-im-webdesign/

Farbkontraste:

1) Hell-Dunkel-Kontrast
2) Kalt-Warm-Kontrast
3) Simultankontrast
4) Qualitätskontrast
5) Quantitätskontrast
6) Komlementär-Kontrast

www.leserlich.info/kapitel/farben.php

Kontrastrechner: www.leserlich.info/werkzeuge/kontrastrechner