Portal:Migration und Integration/Farbe
Diese Vorlage erzeugt die Farbcodes für das Portal:Migration und Integration.
Anwendung
[Quelltext bearbeiten]In den folgenden Beispielen ist die Farbe zur Anschauung vorangestellt.
Beispiele
[Quelltext 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
[Quelltext 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
[Quelltext 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
[Quelltext 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
[Quelltext bearbeiten]- ↑ [1] die Basisfarben
- ↑ [2] Darstellung der Signalfarbe als Komplementärfarbe
- ↑ [3] Darstellung der Signalfarbe als Komplementärfarbe
- ↑ 0052FF auf colorhexa.com
- ↑ 0087E7 auf colorhexa.com
- ↑ 00D7FE auf colorhexa.com
- ↑ 00E7CC auf colorhexa.com
- ↑ 00FF98 auf colorhexa.com
- ↑ FE7300 auf colorhexa.com
- ↑ a b FFE7CD auf colorhexa.com
- ↑ CDE5FF auf colorhexa.com
- ↑ a b c FFF3E6 auf colorhexa.com
- ↑ a b c FEDBCA auf colorhexa.com
- ↑ CAEDFE auf colorhexa.com
- ↑ Color Blender: #FFE7CD, #FEDBCA
- ↑ Color Calculator