Marke/Farben
Farben
Die Wikimedia-Farben setzen sich aus drei verschiedenen Paletten zusammen: der Kernpalette (Core), der traditionellen Palette (Legacy) und der kreativen Palette (Creative). Wir haben unsere Farben mit festen Werten belegt, sodass du sie einfach in dein Design übernehmen kannst.
Die Kernpalette
Die Kernpalette besteht aus Schwarz und Weiß sowie drei Schwarzstufen: Schwarz 25, Schwarz 50 und Schwarz 75. Schwarz und Weiß sind unsere Hauptfarben, die sich gut mit Farben aus den anderen beiden Paletten kombinieren lassen. Das Logo der Wikimedia Foundation ist schwarz-weiß. Dadurch ist es flexibel und kann in den unterschiedlichsten Situationen verwendet werden.
| Farbe | Weiß | Schwarz | Schwarz 75 | Schwarz 50 | Schwarz 25 |
| Hexadezimalcode | FFFFFF | 000000 | 404040 | 7F7F7F | BFBFBF |
Die traditionelle Palette
Die traditionelle Palette (Legacy) umfasst die drei Farben, die eng mit der Wikimedia-Bewegung verbunden sind: Grün, Blau und Rot. Sie können als Hintergrundfarben, in Überschriften und für Kleidung eingesetzt werden. Es gibt auch Farbversionen, die im Sinne der Barrierefreiheit optimiert wurden, vor allem hinsichtlich ihres Kontrasts mit Weiß (Prioritätsstufe AAA).
| Farbe | Grün | Blau | Rot | Grün AAA | Blau AAA | Rot AAA |
| Hexadezimalcode | 396 | 0063BF | 900 | 246342 | 0C57A8 | 970302 |
Die kreative Palette
Die kreative Palette (Creative) besteht aus elf Farben, die von jenen Farben abgeleitet wurden, die Community-Gruppen weltweit häufig benutzen, sowie von den Wikipedia20-Geburtstagsfarben. Die Palette soll die Kernpalette und die traditionelle Palette ergänzen, um mehr Vielseitigkeit in verschiedenen Situationen zu gewährleisten. Rot, Blau und Grün unterscheiden sich hier von den Versionen aus der traditionellen Palette, da sie an die AA-Prioritätsstufe angepasst sind.
Die kreative Palette umfasst sowohl kräftige Farben als auch helle Farbtöne. Die hellen Farbtöne können nützlich sein, wenn etwas subtiler ausgedrückt werden soll.
Kräftige Farben
| Farbe | Rot | Pink | Orange | Gelb | Violett | Dunkelgrün |
| Hexadezimalcode | 970302 | E679A6 | EE8019 | F0BC00 | 5748B5 | 305D70 |
| Farbe | Blau | Hellblau | Hellgelb | Grün | Hellgrün | - |
| Hexadezimalcode | 0E65C0 | 049DFF | E9E7C4 | 308557 | 71D1B3 | - |
Helle Farben
| Farbe | Rot | Pink | Orange | Gelb | Violett | Dunkelgrün |
| Hexadezimalcode | E5C0C0 | F9DDE9 | FBDFC5 | FBEEBF | D5D1EC | CBD6DB |
| Farbe | Blau | Hellblau | Hellgelb | Grün | Hellgrün | - |
| Hexadezimalcode | C3D8EF | C0E6FF | F9F9F0 | CBE0D5 | DBF3EC | - |
For developers
Template, module and gadget developers may find the CSS stylesheet of all the items above.
Farbverwendung
Kombinationen
Um ausreichend Kontrast sicherzustellen, wird empfohlen, die traditionelle und die kreative Palette mit schwarzem oder weißem Text zu kombinieren. Alle Farben außer Violett, Blau, Grün und Dunkelgrün sind mit schwarzem Text kompatibel. Die anderen sollten mit Weiß kombiniert werden.
Zu vermeiden
Aus Gründen der Barrierefreiheit wird empfohlen, im Text die kräftigen und hellen Farben aus der kreativen Palette nicht zu kombinieren, da der Kontrast nicht ausreichend ist.
