Diese Vorlage erzeugt die Farbcodes für das Portal:Migration und Integration.

Anwendung Bearbeiten

In den folgenden Beispielen ist die Farbe zur Anschauung vorangestellt.

Beispiele Bearbeiten

Themenspezifische Gruppendarstellung:

  •  {{Portal:Migration und Integration/Farbe|HeaderGruppe1}} erzeugt D3EDFF
  •  {{Portal:Migration und Integration/Farbe|Gruppe1}} erzeugt E7F5FF
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppe1D}} erzeugt CDE5FF
  •  {{Portal:Migration und Integration/Farbe|Gruppe1D}} erzeugt E6F2FF
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppe1Europa}} erzeugt B3D7FF
  •  {{Portal:Migration und Integration/Farbe|Gruppe1Europa}} erzeugt CDE5FF

Hauptportal-Gruppendarstellung und Regionenspezifische Gesamtschau:

  •  {{Portal:Migration und Integration/Farbe|HeaderGruppenschauTeilI}} erzeugt FEDBCA
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppenschauTeilII}} erzeugt FFDEC3
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppenschauTeilIII}} erzeugt FEDCA4
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppenschau}} erzeugt D3EDFF
  •  {{Portal:Migration und Integration/Farbe|Gruppenschau}} erzeugt E7F5FF
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppenschauD}} erzeugt CDE5FF
  •  {{Portal:Migration und Integration/Farbe|GruppenschauD}} erzeugt E6F2FF
  •  {{Portal:Migration und Integration/Farbe|HeaderGruppenschauEuropa}} erzeugt B3D7FF
  •  {{Portal:Migration und Integration/Farbe|GruppenschauEuropa}} erzeugt CDE5FF

Linienfarben und allgemeine Hintergrundfarben:

  •  {{Portal:Migration und Integration/Farbe|NavLinien}} erzeugt black
  •  {{Portal:Migration und Integration/Farbe|Portalunterstrich}} erzeugt D7D7D7
  •  {{Portal:Migration und Integration/Farbe|Portalhintergrund}} erzeugt FFFFFF
  •  {{Portal:Migration und Integration/Farbe|Portalhintergrundmitte}} erzeugt F9F9F9

Gruppendarstellung für Kalender, Quiz und Galerie:

  •  {{Portal:Migration und Integration/Farbe|HeaderKalender}} erzeugt D8E4FF
  •  {{Portal:Migration und Integration/Farbe|Kalender}} erzeugt EBF2FF
  •  {{Portal:Migration und Integration/Farbe|HeaderQuiz}} erzeugt CDE5FF
  •  {{Portal:Migration und Integration/Farbe|Quiz}} erzeugt E6F2FF
  •  {{Portal:Migration und Integration/Farbe|HeaderGalerie}} erzeugt FFE9D7
  •  {{Portal:Migration und Integration/Farbe|Galerie}} erzeugt FFF4EA

Banner und einige Tabs:

  •  {{Portal:Migration und Integration/Farbe|Portalbanner}} erzeugt 85CCFF
  •  {{Portal:Migration und Integration/Farbe|TabPortal}} erzeugt 85CCFF
  •  {{Portal:Migration und Integration/Farbe|TabD}} erzeugt E6F2FF
  •  {{Portal:Migration und Integration/Farbe|TabEuropa}} erzeugt CDE5FF
  •  {{Portal:Migration und Integration/Farbe|TabKalender}} erzeugt 85CCFF
  •  {{Portal:Migration und Integration/Farbe|TabKQuiz}} erzeugt 85CCFF
  •  {{Portal:Migration und Integration/Farbe|TabGalerie}} erzeugt 85CCFF

Aktiver Tab:

  •  {{Portal:Migration und Integration/Farbe|TabAktiv}} erzeugt CAFEDB

Weitere Farben:

  •  {{Portal:Migration und Integration/Farbe|NaviAktiv}} erzeugt 4682B4

Überlegungen für die Farbauswahl Bearbeiten

Fünf kalte Farben als Basisfarben , eine warme Farbe als Signalfarbe (am Rand liegende kalte Farben):

  • , , , ,  - 0052FF, 0087E7, 00D7FE, 00E7CC, 00FF98[1]
  •  - FE7300 als Signalfarbe[2]
  •  - B15100 als Unterstreichungsfarbe[3]

…und Schattierungen der Basisfarben und der Signalfarbe (im Sinne einer tint color variation):

, , , , , , , , , , , , , [4]
, , , , , , , , , , , , , [5]
, , , , , , , , , , , , , [6]
, , , , , , , , , , , , , [7]
, , , , , , , , , , , , , [8]
, , , , , , , , , , , , , [9]

Hiervon die erste Reihe ausgewählt für Europa, die dritte Reihe ausgewählt für D/A/CH/LI, die zweite Reihe ausgewählt für länderübergreifend. Innerhalb dieser Reihen die zwölfte Spalte ausgewählt für Header, die dreizehnte Spalte für den Texthintergrund. Das ergibt:

,  - c4d7ff Header, EBF2FF Texthintergrund, Europa (Texthintergrund GruppenschauEuropa war bisher:  CDE5FF)
,  - c3f6ff Header, EAFCFF Texthintergrund, D/A/CH/LI (Texthintergrund GruppenschauD war bisher:  E6F2FF)
, , - d3edff Header, E7F5FF Texthintergrund, länderübergreifend (Texthintergrund Gruppenschau war bisher:  FFF3E6)
 ffc99c Header, Signalfarbe (Signalfarbe HeaderGruppenschauEuropa war bisher:  FEDBCA)

Die dazwischenliegenden Zeilen können folgendermaßen genutzt werden: Die zweite Zeile als Portalbannerhintergrund (wie bei der Darstellung "länderübergreifend", allerdings ein dunklerer tint), die fünfte Zeile als Signalfarbe im Tab.

Andere (vormals eingesetzte) komplementäre bzw. tetradische Farbensätze Bearbeiten

1. Satz Farben ("sandfarben / himmelsfarben")
  Komplementärfarben[10]
    Schattierungen[11]
    Schattierungen[12]
    Tetradische Farben[10]
zum Vergleich etwas aufgehellt
  Komplementärfarben,[12] aufgehellte Version
    Tetradische Farben,[12] aufgehellte Version
2. Satz Farben (die erste Farbe etwas orangener als der 1. Satz, ungefähr "hellorange-türkis")
  Komplementärfarben[13]
     Schattierungen[14]
     Schattierungen[13]
    Tetradische Farben[13]

Anmerkung: Versuchsweise wurde auch versucht, zwischen dem 1. und 2. Satz zu interpolieren,[15] aber das sah weniger ansprechend aus.

Probeweise Anwendung Bearbeiten

Der "Color Calculator"[16] erlaubt es, Farbenkombinationen auszuprobieren.

Derzeitiger Stand: Die themenspezifischen Darstellungen, und alle Header, stammen derzeit aus dem 2. Satz. Die Farben für das Hauptportal und für die Übersichten D/A/CH/LI hingegen stammen aber noch aus dem 1. Satz, bis auf die Header. Es scheint, als ob die Blautöne aus dem 1. Satz mit den Hellorange-Tönen aus dem 2. Satz harmonieren – entgegen der Theorie, derzufolge es die Komplementärfarben sind, die besonders gut miteinander harmonieren.

Einzelnachweise Bearbeiten

  1. [1] die Basisfarben
  2. [2] Darstellung der Signalfarbe als Komplementärfarbe
  3. [3] Darstellung der Signalfarbe als Komplementärfarbe
  4. 0052FF auf colorhexa.com
  5. 0087E7 auf colorhexa.com
  6. 00D7FE auf colorhexa.com
  7. 00E7CC auf colorhexa.com
  8. 00FF98 auf colorhexa.com
  9. FE7300 auf colorhexa.com
  10. a b FFE7CD auf colorhexa.com
  11. CDE5FF auf colorhexa.com
  12. a b c FFF3E6 auf colorhexa.com
  13. a b c FEDBCA auf colorhexa.com
  14. CAEDFE auf colorhexa.com
  15. Color Blender: #FFE7CD, #FEDBCA
  16. Color Calculator