Vorlage:Bgc/Doku

Diese Seite ist die Dokumentations-Unterseite der Vorlage:Bgc.

Diese Vorlage und ihre Methodik hat sich nicht durchgesetzt und soll nicht in enzyklopädischen Artikeln verwendet werden.

Grund: Die proprietäre Farbsystematik ist zu verwirrend und exotisch; bedarf zusätzlicher übermäßiger Einarbeitung für alle Bearbeiter, die damit konfrontiert werden.

Es gibt bereits drei Möglichkeiten, eine Farbe zu spezifizieren, die in jeder HTML-, CSS-, SVG- und vielen anderen Umgebungen funktionieren:

1. Hexadezimaler Farbwert (sechs oder drei Codes oder nur eine Stelle)
2. englischsprachiger Farbname
3. Funktion rgb() – dezimal

Das schafft bereits hinreichend Verwirrung und ist genug zu erlernen. Ein System, das ausschließlich in der deutschsprachigen Wikipedia funktioniert, ist zu aufwändig zu kommunizieren.

• Diese Vorlage benötigt die Vorlagen BgcColors.

„Bgc“ = „Background color“ (Hintergrund-Farbe).

Diese Vorlage erleichtert die Verwendung von Hintergrundfarben (auch in Tabellen).

1. „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.
2. „Farben=RGBCMYEO“ ist eine etwas buntere Alternative (ohne „Farbe=Grau“)

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

Standardwert

• 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)
  • 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
• {{{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.
• {{{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.

Siehe auch

• Hilfe:Farbe | Hilfe:Farbtabelle | Hilfe:Tabellen | Hilfe:Infoboxen
• Webfarbe
• Zusammenpassende Farb-Schemata – sehr nützlich zur Auswahl passender Schattierungen