Vorlage:Bgc/Doku
Aus Kitakien
(Unterschied zwischen Versionen)
(Dokumentation aus Vorlage:Bgc und Vorlage Diskussion:Bgc ausgelagert) |
K (Typografie) |
||
| Zeile 8: | Zeile 8: | ||
Diese Vorlage erleichtert die Verwendung von Hintergrundfarben (auch in Tabellen). | Diese Vorlage erleichtert die Verwendung von Hintergrundfarben (auch in Tabellen). | ||
| - | # „[[#Tabelle: Farbpalette und Farbcode-Kürzel| | + | # „'''[[#Tabelle: Farbpalette und Farbcode-Kürzel|Farben=Grau]]'''“ als Bezeichnung für die erste der folgenden Farbpaletten ist vielleicht etwas knapp und paradox formuliert, sagt aber aus, dass auch bei schwarz-weiß Druckerausgabe befriedigende Ergebnisse erzielt werden können. Auch hilfreich, um [[Rot-Grün-Sehschwäche]] und [[Farbenblindheit]] zu berücksichtigen. |
| - | # „[[#Tabelle: Etwas bunter, ohne „Farbe=Grau“| | + | # „'''[[#Tabelle: Etwas bunter, ohne „Farbe=Grau“|Farben=RGBCMYEO]]'''“ ist eine etwas buntere Alternative (ohne „Farbe=Grau“) |
== Tabelle: Farbpalette und Farbcode-Kürzel == | == Tabelle: Farbpalette und Farbcode-Kürzel == | ||
| - | {| class="wikitable" | + | {| class="wikitable" style="text-align:center; margin-top:.4em;" |
| - | |- | + | |- style="background-color:#E8FFE8; color:#555" |
| <small>20. Mai 2006</small> | | <small>20. Mai 2006</small> | ||
| - | | colspan="10" | | + | | colspan="10" | ParaDox’s Hintergründe – <span style="color:#000;">'''„Farben=Grau“'''</span> V1 |
|- style="background-color:#FFFFA0" | |- style="background-color:#FFFFA0" | ||
| align="left" | <span style="color:#555;">Grau-</span>'''Stufe''' | | align="left" | <span style="color:#555;">Grau-</span>'''Stufe''' | ||
| Zeile 114: | Zeile 114: | ||
| {{bgc|9y}} | <small>AF9320<br /><nowiki>{{bgc|9y}}</nowiki></small> | | {{bgc|9y}} | <small>AF9320<br /><nowiki>{{bgc|9y}}</nowiki></small> | ||
|} | |} | ||
| - | * Zeile 1''' | + | * Zeile 1:''' Beispiel'''<br />Zeile 2:''' Ergebnis''' |
* <span style="background-color:#FFFFE8"><nowiki>{{</nowiki>bgc|<span style="background-color:#FFFFA0">'''3c'''</span><nowiki>}}</nowiki></span><br /><span style="background-color:#FFFFE8">style="background-color:#<span {{bgc|3c}}>'''B5E9E9'''</span>;"</span> | * <span style="background-color:#FFFFE8"><nowiki>{{</nowiki>bgc|<span style="background-color:#FFFFA0">'''3c'''</span><nowiki>}}</nowiki></span><br /><span style="background-color:#FFFFE8">style="background-color:#<span {{bgc|3c}}>'''B5E9E9'''</span>;"</span> | ||
* <span style="background-color:#FFFFE8"><nowiki>{{</nowiki>bgc|<span style="background-color:#FFFFA0">'''4u'''</span><nowiki>}}</nowiki></span><br /><span style="background-color:#FFFFE8">style="background-color:#<span {{bgc|4u}}>'''CDCDCD'''</span>;"</span> | * <span style="background-color:#FFFFE8"><nowiki>{{</nowiki>bgc|<span style="background-color:#FFFFA0">'''4u'''</span><nowiki>}}</nowiki></span><br /><span style="background-color:#FFFFE8">style="background-color:#<span {{bgc|4u}}>'''CDCDCD'''</span>;"</span> | ||
| Zeile 122: | Zeile 122: | ||
=== Tabelle: Etwas bunter, ohne „Farbe=Grau“ === | === Tabelle: Etwas bunter, ohne „Farbe=Grau“ === | ||
| - | {| class="wikitable" | + | {| class="wikitable" style="text-align:center; margin-top:.4em;" |
| - | |- | + | |- style="background-color:#E8FFE8; color:#555" |
| <small>5. Juli 2006</small> | | <small>5. Juli 2006</small> | ||
| - | | colspan="10" | | + | | colspan="10" | ParaDox’s Hintergründe – <span style="color:#000;">'''„Farben=RGBCMYEO“'''</span> V1 |
|- style="background-color:#FFFFA0" | |- style="background-color:#FFFFA0" | ||
| align="left" | '''F'''<span style="color:#555;">arbe</span>/'''N'''um.: | | align="left" | '''F'''<span style="color:#555;">arbe</span>/'''N'''um.: | ||
| Zeile 240: | Zeile 240: | ||
'''[[Default]]''' | '''[[Default]]''' | ||
* Farbe''':''' FFFFFF (Weiß) | * Farbe''':''' FFFFFF (Weiß) | ||
| - | * Ergebnis''':''' style="background-color:#FFFFFF;{{{2}}}" | + | * Ergebnis''':''' style="background-color:#FFFFFF; {{{2}}}" |
'''Parameter und Optionen:''' | '''Parameter und Optionen:''' | ||
* <nowiki>{{{1}}}</nowiki> wählt Farbe aus Vorlage '''<nowiki>{{</nowiki>'''[[Vorlage:BgcColors|BgcColors]]<nowiki>|{{{1}}}|{{{2}}}</nowiki>'''<nowiki>}}</nowiki>''' | * <nowiki>{{{1}}}</nowiki> wählt Farbe aus Vorlage '''<nowiki>{{</nowiki>'''[[Vorlage:BgcColors|BgcColors]]<nowiki>|{{{1}}}|{{{2}}}</nowiki>'''<nowiki>}}</nowiki>''' | ||
| - | * <nowiki>{{{1}}}</nowiki> = '''Nx''' bzw. '''xN''' ( wählt Farbe aus [[Vorlage:BgcColors]] ''durch'' Vorlage '''<nowiki>{{</nowiki>'''[[Vorlage:BgcTags|BgcTags]]<nowiki>|{{{2}}}|{{{1}}}|{{{3}}}</nowiki>'''<nowiki>}}</nowiki>''' ) | + | * <nowiki>{{{1}}}</nowiki> = '''Nx''' bzw. '''xN''' (wählt Farbe aus [[Vorlage:BgcColors]] ''durch'' Vorlage '''<nowiki>{{</nowiki>'''[[Vorlage:BgcTags|BgcTags]]<nowiki>|{{{2}}}|{{{1}}}|{{{3}}}</nowiki>'''<nowiki>}}</nowiki>''') |
** Farbcodekürzel '''Nx''' – siehe [[#Tabelle: Farbpalette und Farbcode-Kürzel]] | ** Farbcodekürzel '''Nx''' – siehe [[#Tabelle: Farbpalette und Farbcode-Kürzel]] | ||
*** '''N''' = von '''0''' bis '''9''' | *** '''N''' = von '''0''' bis '''9''' | ||
| Zeile 256: | Zeile 256: | ||
** Verwendung''':''' <nowiki>{{bgc|t}}</nowiki> | ** Verwendung''':''' <nowiki>{{bgc|t}}</nowiki> | ||
'''oder wenn <nowiki>{{{2}}}</nowiki> = span''' | '''oder wenn <nowiki>{{{2}}}</nowiki> = span''' | ||
| - | * <nowiki>{{{2}}}</nowiki> = '''span''' ( öffnendes [[HTML-Tag]] – z.Zt. nur '''span''' ''und noch nicht '''div''''' ) | + | * <nowiki>{{{2}}}</nowiki> = '''span''' (öffnendes [[HTML-Tag]] – z.Zt. nur '''span''' ''und noch nicht '''div''''') |
* <nowiki>{{{3}}}</nowiki> ist optionale Erweiterung von style="<nowiki>{{{3}}}</nowiki>" | * <nowiki>{{{3}}}</nowiki> ist optionale Erweiterung von style="<nowiki>{{{3}}}</nowiki>" | ||
** Sollte vorsichtshalber mit <code>3=</code> beginnen (nötig wenn „<code>=</code>“ enthalten ist). | ** Sollte vorsichtshalber mit <code>3=</code> beginnen (nötig wenn „<code>=</code>“ enthalten ist). | ||
| Zeile 264: | Zeile 264: | ||
** Senkrechte Striche <code>|</code> bitte durch <code>&#124;</code> oder <code><nowiki>{{!}}</nowiki></code> ersetzen. | ** Senkrechte Striche <code>|</code> bitte durch <code>&#124;</code> oder <code><nowiki>{{!}}</nowiki></code> ersetzen. | ||
| - | == Siehe auch == | + | == Siehe auch == |
| - | * [[Hilfe:Farben]] | [[Hilfe:Tabellen]] | [[ | + | * [[Hilfe:Farben]] | [[Hilfe:Tabellen]] | [[Hilfe:Infoboxen]] | [[Wikipedia:Infoboxen/Layout]] |
* [[Farbtabellen im Internet]] | * [[Farbtabellen im Internet]] | ||
| - | * [http://wellstyled.com/tools/colorscheme2/index-en.html Zusammenpassende Farb-Schemata] | + | * [http://wellstyled.com/tools/colorscheme2/index-en.html Zusammenpassende Farb-Schemata] – sehr nützlich zur Auswahl passender Schattierungen |
Version vom 23:02, 1. Feb. 2009
| Datei:Information icon.svg | Diese Seite ist die Dokumentations-Unterseite der Vorlage:Bgc. |
„Bgc“ = „Background color“ (Hintergrund-Farbe).
Diese Vorlage erleichtert die Verwendung von Hintergrundfarben (auch in Tabellen).
- „Farben=Grau“ als Bezeichnung für die erste der folgenden Farbpaletten ist vielleicht etwas knapp und paradox formuliert, sagt aber aus, dass auch bei schwarz-weiß Druckerausgabe befriedigende Ergebnisse erzielt werden können. Auch hilfreich, um Rot-Grün-Sehschwäche und Farbenblindheit zu berücksichtigen.
- „Farben=RGBCMYEO“ ist eine etwas buntere Alternative (ohne „Farbe=Grau“)
Inhaltsverzeichnis |
Tabelle: Farbpalette und Farbcode-Kürzel
| 20. Mai 2006 | ParaDox’s Hintergründe – „Farben=Grau“ V1 | |||||||||
| Grau-Stufe | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| grau (dez) grau (hex) |
255 FFFFFF {{bgc|0u}} |
243 F3F3F3 {{bgc|1u}} |
230 E6E6E6 {{bgc|2u}} |
218 DADADA {{bgc|3u}} |
205 CDCDCD {{bgc|4u}} |
192 C0C0C0 {{bgc|5u}} |
180 B4B4B4 {{bgc|6u}} |
167 A7A7A7 {{bgc|7u}} |
154 9A9A9A {{bgc|8u}} |
142 8E8E8E {{bgc|9u}} |
| rot | FFFFFF {{bgc|0r}} |
FEF0F0 {{bgc|1r}} |
FBDDDD {{bgc|2r}} |
FACDCD {{bgc|3r}} |
F7BBBB {{bgc|4r}} |
F5AAAA {{bgc|5r}} |
F39999 {{bgc|6r}} |
F18888 {{bgc|7r}} |
EF7676 {{bgc|8r}} |
ED6565 {{bgc|9r}} |
| grün | FFFFFF {{bgc|0g}} |
EEF6F0 {{bgc|1g}} |
DBEDE1 {{bgc|2g}} |
C9E4D2 {{bgc|3g}} |
B7DBC3 {{bgc|4g}} |
A4D1B2 {{bgc|5g}} |
92C8A3 {{bgc|6g}} |
80BF94 {{bgc|7g}} |
6DB685 {{bgc|8g}} |
5BAD76 {{bgc|9g}} |
| blau | FFFFFF {{bgc|0b}} |
F2F1FF {{bgc|1b}} |
E4E3FF {{bgc|2b}} |
D7D5FF {{bgc|3b}} |
C9C6FF {{bgc|4b}} |
BBB8FF {{bgc|5b}} |
AEAAFF {{bgc|6b}} |
A09BFF {{bgc|7b}} |
928DFF {{bgc|8b}} |
857FFF {{bgc|9b}} |
| cyan | FFFFFF {{bgc|0c}} |
E7F8F8 {{bgc|1c}} |
CEF1F1 {{bgc|2c}} |
B5E9E9 {{bgc|3c}} |
9CE2E2 {{bgc|4c}} |
82DADA {{bgc|5c}} |
69D3D3 {{bgc|6c}} |
50CCCC {{bgc|7c}} |
36C4C4 {{bgc|8c}} |
1EBDBD {{bgc|9c}} |
| magenta | FFFFFF {{bgc|0m}} |
FBEFF7 {{bgc|1m}} |
F7DDEE {{bgc|2m}} |
F3CCE6 {{bgc|3m}} |
EEBADC {{bgc|4m}} |
EAA9D3 {{bgc|5m}} |
E698CB {{bgc|6m}} |
E186C1 {{bgc|7m}} |
DD74B9 {{bgc|8m}} |
D963B0 {{bgc|9m}} |
| yellow | FFFFFF {{bgc|0y}} |
F7F4E8 {{bgc|1y}} |
EEE8CF {{bgc|2y}} |
E5DCB6 {{bgc|3y}} |
DCD09D {{bgc|4y}} |
D3C384 {{bgc|5y}} |
CAB76B {{bgc|6y}} |
C1AB52 {{bgc|7y}} |
B89F39 {{bgc|8y}} |
AF9320 {{bgc|9y}} |
- Zeile 1: Beispiel
Zeile 2: Ergebnis - {{bgc|3c}}
style="background-color:#B5E9E9;" - {{bgc|4u}}
style="background-color:#CDCDCD;" - {{bgc|5y|span}}
<span style="background-color:#D3C384;"> - {{bgc|6r|span|3=|4=Beliebiger Test-Text}}
<span style="background-color:#F39999;">Beliebiger Test-Text</span>
Tabelle: Etwas bunter, ohne „Farbe=Grau“
| 5. Juli 2006 | ParaDox’s Hintergründe – „Farben=RGBCMYEO“ V1 | |||||||||
| Farbe/Num.: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| Rot | FFFFFF {{bgc|R0}} |
FBE0D6 {{bgc|R1}} |
F6C2B2 {{bgc|R2}} |
F1AB98 {{bgc|R3}} |
ED9683 {{bgc|R4}} |
EA8470 {{bgc|R5}} |
E7725D {{bgc|R6}} |
E3604C {{bgc|R7}} |
DF4C3C {{bgc|R8}} |
DE3228 {{bgc|R9}} |
| Grün | FFFFFF {{bgc|G0}} |
DFEBDE {{bgc|G1}} |
BED7C1 {{bgc|G2}} |
A4C7AB {{bgc|G3}} |
8CBA96 {{bgc|G4}} |
78AF86 {{bgc|G5}} |
64A476 {{bgc|G6}} |
509B65 {{bgc|G7}} |
389354 {{bgc|G8}} |
048A40 {{bgc|G9}} |
| Blau | FFFFFF {{bgc|B0}} |
DDE6F4 {{bgc|B1}} |
BBCEE9 {{bgc|B2}} |
A0BADD {{bgc|B3}} |
8AABD4 {{bgc|B4}} |
779DCC {{bgc|B5}} |
6491C4 {{bgc|B6}} |
5187BD {{bgc|B7}} |
3A7DB6 {{bgc|B8}} |
1673AF {{bgc|B9}} |
| Cyan | FFFFFF {{bgc|C0}} |
E2F1F3 {{bgc|C1}} |
E2F1F3 {{bgc|C2}} |
ACD6D9 {{bgc|C3}} |
95CBCF {{bgc|C4}} |
7FC1C4 {{bgc|C5}} |
6CBABC {{bgc|C6}} |
57B2B3 {{bgc|C7}} |
3FABAC {{bgc|C8}} |
1AA5A5 {{bgc|C9}} |
| Magenta | FFFFFF {{bgc|M0}} |
F8E2EE {{bgc|M1}} |
EFC6DC {{bgc|M2}} |
E6B0CE {{bgc|M3}} |
DE9CC0 {{bgc|M4}} |
D78AB4 {{bgc|M5}} |
D17AA9 {{bgc|M6}} |
CA6A9F {{bgc|M7}} |
C55A95 {{bgc|M8}} |
C2468B {{bgc|M9}} |
| Yellow | FFFFFF {{bgc|Y0}} |
FEFDE7 {{bgc|Y1}} |
FDFBCD {{bgc|Y2}} |
FBF9B7 {{bgc|Y3}} |
FAF8A5 {{bgc|Y4}} |
F8F692 {{bgc|Y5}} |
F7F481 {{bgc|Y6}} |
F5F36F {{bgc|Y7}} |
F4F15B {{bgc|Y8}} |
F5F23C {{bgc|Y9}} |
| yEllowdunkel | FFFFFF {{bgc|E0}} |
FFF8E0 {{bgc|E1}} |
FCEFC3 {{bgc|E2}} |
F9E6AB {{bgc|E3}} |
F8E096 {{bgc|E4}} |
F6D781 {{bgc|E5}} |
F4D06E {{bgc|E6}} |
F4CB5A {{bgc|E7}} |
F2C541 {{bgc|E8}} |
F3C000 {{bgc|E9}} |
| Orange | FFFFFF {{bgc|O0}} |
FDEBDE {{bgc|O1}} |
F8D6C0 {{bgc|O2}} |
F4C5A8 {{bgc|O3}} |
F0B595 {{bgc|O4}} |
EEA784 {{bgc|O5}} |
EA9B74 {{bgc|O6}} |
E78F65 {{bgc|O7}} |
E48357 {{bgc|O8}} |
E47845 {{bgc|O9}} |
Parameter und Optionen
- Farbe: FFFFFF (Weiß)
- Ergebnis: style="background-color:#FFFFFF; {{{2}}}"
Parameter und Optionen:
- {{{1}}} wählt Farbe aus Vorlage {{BgcColors|{{{1}}}|{{{2}}}}}
- {{{1}}} = Nx bzw. xN (wählt Farbe aus Vorlage:BgcColors durch Vorlage {{BgcTags|{{{2}}}|{{{1}}}|{{{3}}}}})
- Farbcodekürzel Nx – siehe #Tabelle: Farbpalette und Farbcode-Kürzel
- N = von 0 bis 9
- x = u r g b c m oder y
- Alternative Farbcodekürzel xN – siehe #Tabelle: Etwas bunter, ohne „Farbe=Grau“
- x = R G B C M Y E oder O („O“ = Großbuchstabe für Orange)
- N = von 0 bis 9
- Farbcodekürzel Nx – siehe #Tabelle: Farbpalette und Farbcode-Kürzel
- {{{2}}} ist optionale Erweiterung von style="{{{2}}}"
oder wenn {{{1}}} = t
- Ergebnis nur: background-color:transparent;
- (kein! style="" oder <span>-tag)
- Verwendung: {{bgc|t}}
oder wenn {{{2}}} = span
- {{{2}}} = span (öffnendes HTML-Tag – z.Zt. nur span und noch nicht div)
- {{{3}}} ist optionale Erweiterung von style="{{{3}}}"
- Sollte vorsichtshalber mit
3=beginnen (nötig wenn „=“ enthalten ist). - Senkrechte Striche
|bitte durch|oder{{!}}ersetzen.
- Sollte vorsichtshalber mit
- {{{4}}} ist optionaler HTML-Seitentext – wird mit abschließenden </span> Tag ergänzt
- Sollte vorsichtshalber mit
4=beginnen (nötig wenn „=“ enthalten ist). - Senkrechte Striche
|bitte durch|oder{{!}}ersetzen.
- Sollte vorsichtshalber mit
Siehe auch
- Hilfe:Farben | Hilfe:Tabellen | Hilfe:Infoboxen | Wikipedia:Infoboxen/Layout
- Farbtabellen im Internet
- Zusammenpassende Farb-Schemata – sehr nützlich zur Auswahl passender Schattierungen
