Vorlage:Bgc/Doku

2009-03-02T15:07:37Z

Omega-WP: Hyperlink auf http://wellstyled.com durch aktuelleren Link auf http://colorschemedesigner.com ersetzt

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>

{{achtung|Breite=80% |Hintergrund=#D9EDFF |Rand=#abcdef |RandLinks=blue|
* Diese Vorlage benötigt die Vorlagen [[Vorlage:BgcColors|BgcColors]] und [[Vorlage:BgcTags|BgcTags]].
}}

„'''Bgc'''“ = „'''B'''ack'''g'''round '''c'''olor“ (Hintergrund-Farbe)'''.'''

Diese Vorlage erleichtert die Verwendung von Hintergrundfarben (auch in Tabellen).
# „'''[[#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“|Farben=RGBCMYEO]]'''“ ist eine etwas buntere Alternative (ohne „Farbe=Grau“)

== Tabelle: Farbpalette und Farbcode-Kürzel ==

{| class="wikitable" style="text-align:center; margin-top:.4em;"
|- style="background-color:#E8FFE8; color:#555"
| 20. Mai 2006
| colspan="10" | ParaDox’s Hintergründe – '''„Farben=Grau“''' V1
|- style="background-color:#FFFFA0"
| align="left" | Grau-'''Stufe'''
| '''0'''
| '''1'''
| '''2'''
| '''3'''
| '''4'''
| '''5'''
| '''6'''
| '''7'''
| '''8'''
| '''9'''
|- valign="top"
| align="left" style="color:#555; background-color:#FFFFE0" | grau (dez) gra'''u''' (hex)
| {{bgc|0u}} | 255 FFFFFF <nowiki>{{bgc|0u}}</nowiki>
| {{bgc|1u}} | 243 F3F3F3 <nowiki>{{bgc|1u}}</nowiki>
| {{bgc|2u}} | 230 E6E6E6 <nowiki>{{bgc|2u}}</nowiki>
| {{bgc|3u}} | 218 DADADA <nowiki>{{bgc|3u}}</nowiki>
| {{bgc|4u}} | 205 CDCDCD <nowiki>{{bgc|4u}}</nowiki>
| {{bgc|5u}} | 192 C0C0C0 <nowiki>{{bgc|5u}}</nowiki>
| {{bgc|6u}} | 180 B4B4B4 <nowiki>{{bgc|6u}}</nowiki>
| {{bgc|7u}} | 167 A7A7A7 <nowiki>{{bgc|7u}}</nowiki>
| {{bgc|8u}} | 154 9A9A9A <nowiki>{{bgc|8u}}</nowiki>
| {{bgc|9u}} | 142 8E8E8E <nowiki>{{bgc|9u}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''r'''ot
| {{bgc|0r}} | FFFFFF <nowiki>{{bgc|0r}}</nowiki>
| {{bgc|1r}} | FEF0F0 <nowiki>{{bgc|1r}}</nowiki>
| {{bgc|2r}} | FBDDDD <nowiki>{{bgc|2r}}</nowiki>
| {{bgc|3r}} | FACDCD <nowiki>{{bgc|3r}}</nowiki>
| {{bgc|4r}} | F7BBBB <nowiki>{{bgc|4r}}</nowiki>
| {{bgc|5r}} | F5AAAA <nowiki>{{bgc|5r}}</nowiki>
| {{bgc|6r}} | F39999 <nowiki>{{bgc|6r}}</nowiki>
| {{bgc|7r}} | F18888 <nowiki>{{bgc|7r}}</nowiki>
| {{bgc|8r}} | EF7676 <nowiki>{{bgc|8r}}</nowiki>
| {{bgc|9r}} | ED6565 <nowiki>{{bgc|9r}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''g'''rün
| {{bgc|0g}} | FFFFFF <nowiki>{{bgc|0g}}</nowiki>
| {{bgc|1g}} | EEF6F0 <nowiki>{{bgc|1g}}</nowiki>
| {{bgc|2g}} | DBEDE1 <nowiki>{{bgc|2g}}</nowiki>
| {{bgc|3g}} | C9E4D2 <nowiki>{{bgc|3g}}</nowiki>
| {{bgc|4g}} | B7DBC3 <nowiki>{{bgc|4g}}</nowiki>
| {{bgc|5g}} | A4D1B2 <nowiki>{{bgc|5g}}</nowiki>
| {{bgc|6g}} | 92C8A3 <nowiki>{{bgc|6g}}</nowiki>
| {{bgc|7g}} | 80BF94 <nowiki>{{bgc|7g}}</nowiki>
| {{bgc|8g}} | 6DB685 <nowiki>{{bgc|8g}}</nowiki>
| {{bgc|9g}} | 5BAD76 <nowiki>{{bgc|9g}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''b'''lau
| {{bgc|0b}} | FFFFFF <nowiki>{{bgc|0b}}</nowiki>
| {{bgc|1b}} | F2F1FF <nowiki>{{bgc|1b}}</nowiki>
| {{bgc|2b}} | E4E3FF <nowiki>{{bgc|2b}}</nowiki>
| {{bgc|3b}} | D7D5FF <nowiki>{{bgc|3b}}</nowiki>
| {{bgc|4b}} | C9C6FF <nowiki>{{bgc|4b}}</nowiki>
| {{bgc|5b}} | BBB8FF <nowiki>{{bgc|5b}}</nowiki>
| {{bgc|6b}} | AEAAFF <nowiki>{{bgc|6b}}</nowiki>
| {{bgc|7b}} | A09BFF <nowiki>{{bgc|7b}}</nowiki>
| {{bgc|8b}} | 928DFF <nowiki>{{bgc|8b}}</nowiki>
| {{bgc|9b}} | 857FFF <nowiki>{{bgc|9b}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''c'''yan
| {{bgc|0c}} | FFFFFF <nowiki>{{bgc|0c}}</nowiki>
| {{bgc|1c}} | E7F8F8 <nowiki>{{bgc|1c}}</nowiki>
| {{bgc|2c}} | CEF1F1 <nowiki>{{bgc|2c}}</nowiki>
| {{bgc|3c}} | B5E9E9 <nowiki>{{bgc|3c}}</nowiki>
| {{bgc|4c}} | 9CE2E2 <nowiki>{{bgc|4c}}</nowiki>
| {{bgc|5c}} | 82DADA <nowiki>{{bgc|5c}}</nowiki>
| {{bgc|6c}} | 69D3D3 <nowiki>{{bgc|6c}}</nowiki>
| {{bgc|7c}} | 50CCCC <nowiki>{{bgc|7c}}</nowiki>
| {{bgc|8c}} | 36C4C4 <nowiki>{{bgc|8c}}</nowiki>
| {{bgc|9c}} | 1EBDBD <nowiki>{{bgc|9c}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''m'''agenta
| {{bgc|0m}} | FFFFFF <nowiki>{{bgc|0m}}</nowiki>
| {{bgc|1m}} | FBEFF7 <nowiki>{{bgc|1m}}</nowiki>
| {{bgc|2m}} | F7DDEE <nowiki>{{bgc|2m}}</nowiki>
| {{bgc|3m}} | F3CCE6 <nowiki>{{bgc|3m}}</nowiki>
| {{bgc|4m}} | EEBADC <nowiki>{{bgc|4m}}</nowiki>
| {{bgc|5m}} | EAA9D3 <nowiki>{{bgc|5m}}</nowiki>
| {{bgc|6m}} | E698CB <nowiki>{{bgc|6m}}</nowiki>
| {{bgc|7m}} | E186C1 <nowiki>{{bgc|7m}}</nowiki>
| {{bgc|8m}} | DD74B9 <nowiki>{{bgc|8m}}</nowiki>
| {{bgc|9m}} | D963B0 <nowiki>{{bgc|9m}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''y'''ellow
| {{bgc|0y}} | FFFFFF <nowiki>{{bgc|0y}}</nowiki>
| {{bgc|1y}} | F7F4E8 <nowiki>{{bgc|1y}}</nowiki>
| {{bgc|2y}} | EEE8CF <nowiki>{{bgc|2y}}</nowiki>
| {{bgc|3y}} | E5DCB6 <nowiki>{{bgc|3y}}</nowiki>
| {{bgc|4y}} | DCD09D <nowiki>{{bgc|4y}}</nowiki>
| {{bgc|5y}} | D3C384 <nowiki>{{bgc|5y}}</nowiki>
| {{bgc|6y}} | CAB76B <nowiki>{{bgc|6y}}</nowiki>
| {{bgc|7y}} | C1AB52 <nowiki>{{bgc|7y}}</nowiki>
| {{bgc|8y}} | B89F39 <nowiki>{{bgc|8y}}</nowiki>
| {{bgc|9y}} | AF9320 <nowiki>{{bgc|9y}}</nowiki>
|}
* Zeile 1:''' Beispiel''' Zeile 2:''' Ergebnis'''
* <nowiki>{{</nowiki>bgc|'''3c'''<nowiki>}}</nowiki> style="background-color:#'''B5E9E9''';"
* <nowiki>{{</nowiki>bgc|'''4u'''<nowiki>}}</nowiki> style="background-color:#'''CDCDCD''';"
* <nowiki>{{</nowiki>bgc|'''5y'''<nowiki>|</nowiki>span<nowiki>}}</nowiki> <span style="background-color:#'''D3C384''';">
* <nowiki>{{</nowiki>bgc|'''6r'''<nowiki>|</nowiki>span|3=|4=Beliebiger Test-Text<nowiki>}}</nowiki> <span style="background-color:#'''F39999''';">{{bgc|6r|span||Beliebiger Test-Text}}

=== Tabelle: Etwas bunter, ohne „Farbe=Grau“ ===

{| class="wikitable" style="text-align:center; margin-top:.4em;"
|- style="background-color:#E8FFE8; color:#555"
| 5. Juli 2006
| colspan="10" | ParaDox’s Hintergründe – '''„Farben=RGBCMYEO“''' V1
|- style="background-color:#FFFFA0"
| align="left" | '''F'''arbe/'''N'''um.:
| '''0'''
| '''1'''
| '''2'''
| '''3'''
| '''4'''
| '''5'''
| '''6'''
| '''7'''
| '''8'''
| '''9'''
|-
| align="left" style="background-color:#FFFFE0" | '''R'''ot
| {{bgc|R0}} | FFFFFF <nowiki>{{bgc|R0}}</nowiki>
| {{bgc|R1}} | FBE0D6 <nowiki>{{bgc|R1}}</nowiki>
| {{bgc|R2}} | F6C2B2 <nowiki>{{bgc|R2}}</nowiki>
| {{bgc|R3}} | F1AB98 <nowiki>{{bgc|R3}}</nowiki>
| {{bgc|R4}} | ED9683 <nowiki>{{bgc|R4}}</nowiki>
| {{bgc|R5}} | EA8470 <nowiki>{{bgc|R5}}</nowiki>
| {{bgc|R6}} | E7725D <nowiki>{{bgc|R6}}</nowiki>
| {{bgc|R7}} | E3604C <nowiki>{{bgc|R7}}</nowiki>
| {{bgc|R8}} | DF4C3C <nowiki>{{bgc|R8}}</nowiki>
| {{bgc|R9}} | DE3228 <nowiki>{{bgc|R9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''G'''rün
| {{bgc|G0}} | FFFFFF <nowiki>{{bgc|G0}}</nowiki>
| {{bgc|G1}} | DFEBDE <nowiki>{{bgc|G1}}</nowiki>
| {{bgc|G2}} | BED7C1 <nowiki>{{bgc|G2}}</nowiki>
| {{bgc|G3}} | A4C7AB <nowiki>{{bgc|G3}}</nowiki>
| {{bgc|G4}} | 8CBA96 <nowiki>{{bgc|G4}}</nowiki>
| {{bgc|G5}} | 78AF86 <nowiki>{{bgc|G5}}</nowiki>
| {{bgc|G6}} | 64A476 <nowiki>{{bgc|G6}}</nowiki>
| {{bgc|G7}} | 509B65 <nowiki>{{bgc|G7}}</nowiki>
| {{bgc|G8}} | 389354 <nowiki>{{bgc|G8}}</nowiki>
| {{bgc|G9}} | 048A40 <nowiki>{{bgc|G9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''B'''lau
| {{bgc|B0}} | FFFFFF <nowiki>{{bgc|B0}}</nowiki>
| {{bgc|B1}} | DDE6F4 <nowiki>{{bgc|B1}}</nowiki>
| {{bgc|B2}} | BBCEE9 <nowiki>{{bgc|B2}}</nowiki>
| {{bgc|B3}} | A0BADD <nowiki>{{bgc|B3}}</nowiki>
| {{bgc|B4}} | 8AABD4 <nowiki>{{bgc|B4}}</nowiki>
| {{bgc|B5}} | 779DCC <nowiki>{{bgc|B5}}</nowiki>
| {{bgc|B6}} | 6491C4 <nowiki>{{bgc|B6}}</nowiki>
| {{bgc|B7}} | 5187BD <nowiki>{{bgc|B7}}</nowiki>
| {{bgc|B8}} | 3A7DB6 <nowiki>{{bgc|B8}}</nowiki>
| {{bgc|B9}} | 1673AF <nowiki>{{bgc|B9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''C'''yan
| {{bgc|C0}} | FFFFFF <nowiki>{{bgc|C0}}</nowiki>
| {{bgc|C1}} | E2F1F3 <nowiki>{{bgc|C1}}</nowiki>
| {{bgc|C2}} | E2F1F3 <nowiki>{{bgc|C2}}</nowiki>
| {{bgc|C3}} | ACD6D9 <nowiki>{{bgc|C3}}</nowiki>
| {{bgc|C4}} | 95CBCF <nowiki>{{bgc|C4}}</nowiki>
| {{bgc|C5}} | 7FC1C4 <nowiki>{{bgc|C5}}</nowiki>
| {{bgc|C6}} | 6CBABC <nowiki>{{bgc|C6}}</nowiki>
| {{bgc|C7}} | 57B2B3 <nowiki>{{bgc|C7}}</nowiki>
| {{bgc|C8}} | 3FABAC <nowiki>{{bgc|C8}}</nowiki>
| {{bgc|C9}} | 1AA5A5 <nowiki>{{bgc|C9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''M'''agenta
| {{bgc|M0}} | FFFFFF <nowiki>{{bgc|M0}}</nowiki>
| {{bgc|M1}} | F8E2EE <nowiki>{{bgc|M1}}</nowiki>
| {{bgc|M2}} | EFC6DC <nowiki>{{bgc|M2}}</nowiki>
| {{bgc|M3}} | E6B0CE <nowiki>{{bgc|M3}}</nowiki>
| {{bgc|M4}} | DE9CC0 <nowiki>{{bgc|M4}}</nowiki>
| {{bgc|M5}} | D78AB4 <nowiki>{{bgc|M5}}</nowiki>
| {{bgc|M6}} | D17AA9 <nowiki>{{bgc|M6}}</nowiki>
| {{bgc|M7}} | CA6A9F <nowiki>{{bgc|M7}}</nowiki>
| {{bgc|M8}} | C55A95 <nowiki>{{bgc|M8}}</nowiki>
| {{bgc|M9}} | C2468B <nowiki>{{bgc|M9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''Y'''ellow
| {{bgc|Y0}} | FFFFFF <nowiki>{{bgc|Y0}}</nowiki>
| {{bgc|Y1}} | FEFDE7 <nowiki>{{bgc|Y1}}</nowiki>
| {{bgc|Y2}} | FDFBCD <nowiki>{{bgc|Y2}}</nowiki>
| {{bgc|Y3}} | FBF9B7 <nowiki>{{bgc|Y3}}</nowiki>
| {{bgc|Y4}} | FAF8A5 <nowiki>{{bgc|Y4}}</nowiki>
| {{bgc|Y5}} | F8F692 <nowiki>{{bgc|Y5}}</nowiki>
| {{bgc|Y6}} | F7F481 <nowiki>{{bgc|Y6}}</nowiki>
| {{bgc|Y7}} | F5F36F <nowiki>{{bgc|Y7}}</nowiki>
| {{bgc|Y8}} | F4F15B <nowiki>{{bgc|Y8}}</nowiki>
| {{bgc|Y9}} | F5F23C <nowiki>{{bgc|Y9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | y'''E'''llowdunkel
| {{bgc|E0}} | FFFFFF <nowiki>{{bgc|E0}}</nowiki>
| {{bgc|E1}} | FFF8E0 <nowiki>{{bgc|E1}}</nowiki>
| {{bgc|E2}} | FCEFC3 <nowiki>{{bgc|E2}}</nowiki>
| {{bgc|E3}} | F9E6AB <nowiki>{{bgc|E3}}</nowiki>
| {{bgc|E4}} | F8E096 <nowiki>{{bgc|E4}}</nowiki>
| {{bgc|E5}} | F6D781 <nowiki>{{bgc|E5}}</nowiki>
| {{bgc|E6}} | F4D06E <nowiki>{{bgc|E6}}</nowiki>
| {{bgc|E7}} | F4CB5A <nowiki>{{bgc|E7}}</nowiki>
| {{bgc|E8}} | F2C541 <nowiki>{{bgc|E8}}</nowiki>
| {{bgc|E9}} | F3C000 <nowiki>{{bgc|E9}}</nowiki>
|-
| align="left" style="background-color:#FFFFE0" | '''O'''range
| {{bgc|O0}} | FFFFFF <nowiki>{{bgc|O0}}</nowiki>
| {{bgc|O1}} | FDEBDE <nowiki>{{bgc|O1}}</nowiki>
| {{bgc|O2}} | F8D6C0 <nowiki>{{bgc|O2}}</nowiki>
| {{bgc|O3}} | F4C5A8 <nowiki>{{bgc|O3}}</nowiki>
| {{bgc|O4}} | F0B595 <nowiki>{{bgc|O4}}</nowiki>
| {{bgc|O5}} | EEA784 <nowiki>{{bgc|O5}}</nowiki>
| {{bgc|O6}} | EA9B74 <nowiki>{{bgc|O6}}</nowiki>
| {{bgc|O7}} | E78F65 <nowiki>{{bgc|O7}}</nowiki>
| {{bgc|O8}} | E48357 <nowiki>{{bgc|O8}}</nowiki>
| {{bgc|O9}} | E47845 <nowiki>{{bgc|O9}}</nowiki>
|}

== Parameter und Optionen ==

'''[[Default]]'''
* Farbe''':''' FFFFFF   (Weiß)
* Ergebnis''':''' style="background-color:#FFFFFF; {{{2}}}"
'''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> = '''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]]
*** '''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'''
* <nowiki>{{{2}}}</nowiki> ist optionale Erweiterung von style="<nowiki>{{{2}}}</nowiki>"
'''oder wenn <nowiki>{{{1}}}</nowiki> = t'''
* Ergebnis '''nur:''' background-color:transparent;
** (kein! style="" oder -tag)
** Verwendung''':''' <nowiki>{{bgc|t}}</nowiki>
'''oder wenn <nowiki>{{{2}}}</nowiki> = span'''
* <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>"
** Sollte vorsichtshalber mit <code>3=</code> beginnen (nötig wenn „<code>=</code>“ enthalten ist).
** Senkrechte Striche <code>|</code> bitte durch <code>&#124;</code> oder <code><nowiki>{{!}}</nowiki></code> ersetzen.
* <nowiki>{{{4}}}</nowiki> ist optionaler HTML-Seitentext – wird mit abschließenden '''''' Tag ergänzt
** Sollte vorsichtshalber mit <code>4=</code> beginnen (nötig wenn „<code>=</code>“ enthalten ist).
** Senkrechte Striche <code>|</code> bitte durch <code>&#124;</code> oder <code><nowiki>{{!}}</nowiki></code> ersetzen.

== Siehe auch ==

* [[Hilfe:Farben]] | [[Hilfe:Tabellen]] | [[Hilfe:Infoboxen]] | [[Wikipedia:Infoboxen/Layout]]
* [[Farbtabellen im Internet]]
* [http://colorschemedesigner.com Zusammenpassende Farb-Schemata] – sehr nützlich zur Auswahl passender Schattierungen

Kitakien - Benutzerbeiträge [de]

Vorlage:Bgc/Doku