Vorlage:Farbe

_

[Werkzeuge][Bearbeiten]

Dokumentation

TemplateData

Farbfeld erzeugen, um eine Farbe oder farbigen Text anzuzeigen

Vorlagenparameter

Parameter		Beschreibung	Typ	Status
Farbwert	HEX 1	Hintergrundfarbe, Farbwert hexadezimal mit # oder als Farbname. Standard #ABCDEF Beispiel #008000	Einzeiliger Text	vorgeschlagen
Text	Text 2	Einen kurzen Text innerhalb des Farbfeldes anzeigen	Einzeiliger Text	optional
Schriftfarbe	color 3	Farbwert für die Schrift, falls im Farbfeld ein Text angezeigt werden soll. Sollen die Farben von Schrift und Rahmen identisch sein, so muss im Parameter border der Farbwert weggelassen werden. Standard #000000 Beispiel #0000FF	Einzeiliger Text	optional
Rahmen	border	Einen Rahmen um das Feld legen, wird 1 eingefügt, wird ein Standardrahmen in Schwarz erzeugt, ansonsten können die Art, Farbe und Rahmenstärke hier nach CSS-Regeln frei eingegeben werden Standard Kein Rahmen Beispiel 2px dashed #FF0000	Einzeiliger Text	optional
Kreisform	Kreis	abgerundete Darstellung, Kreis oder Oval Standard 0 ☐ Beispiel 1 ☑	Wahrheitswert	optional
Breite	width	Breite des Farbfeldes festlegen Standard 12px Beispiel 25px	Einzeiliger Text	optional
Höhe	height	Höhe des Farbfeldes festlegen; kann entfallen, wenn ein Quadrat oder Kreis erzeugt werden soll. Standard 12px Beispiel 15px	Einzeiliger Text	optional

Format: inline half{{_ |_=_}}

Farbfeld erzeugen, um eine Farbe oder farbigen Text anzuzeigen

Vorlagenparameter

Diese Vorlage hat eine benutzerdefinierte Formatierung.

Parameter		Beschreibung	Typ	Status
Farbwert	HEX 1	Hintergrundfarbe, Farbwert hexadezimal mit # oder als Farbname. Standard #ABCDEF Beispiel #008000	Einzeiliger Text	vorgeschlagen
Text	Text 2	Einen kurzen Text innerhalb des Farbfeldes anzeigen	Einzeiliger Text	optional
Schriftfarbe	color 3	Farbwert für die Schrift, falls im Farbfeld ein Text angezeigt werden soll. Standard #000000 Beispiel #0000FF	Einzeiliger Text	optional
Rahmen	border	Einen Rahmen um das Feld legen, wird 1 eingefügt, wird ein Standardrahmen in Schwarz erzeugt, ansonsten können die Art, Farbe und Rahmenstärke hier nach CSS-Regeln frei eingegeben werden Standard Kein Rahmen Beispiel 2px dashed #FF0000	Einzeiliger Text	optional
Kreisform	Kreis	abgerundete Darstellung, Kreis oder Oval Standard 0 Beispiel 1	Wahrheitswert	optional
Breite	width	Breite des Farbfeldes festlegen Standard 12px Beispiel 25px	Einzeiliger Text	optional
Höhe	height	Höhe des Farbfeldes festlegen; kann entfallen, wenn ein Quadrat oder Kreis erzeugt werden soll. Standard 12px Beispiel 15px	Einzeiliger Text	optional

Kopiervorlage

{{Farbe |HEX= }}
{{Farbe |HEX= |Text= |color= |border= |Kreis= |width= |height= }}

Beispiele

Feld mit Umrandung {{Farbe |border=1}}<br /> {{Farbe |border=1px solid #FF0000}}<br /> {{Farbe |HEX=#DDAAEE |border=3px solid #0000FF}}	_ _ _
Text in einer vorgegebenen Schriftfarbe anzeigen {{Farbe |HEX=#FFFFFF |Text=Text |border=1px solid #0000FF |color=#00CC00}}<br /> {{Farbe |HEX=#FFFFFF |Text=Text |border=1px solid |color=#CC0000}}<br /> {{Farbe |HEX=#DDAAEE |Text=Text |border=1px solid #444444}}<br /> {{Farbe |HEX=#444444 |Text=Text |border=1px solid #444444 |color=#DDAAEE}}	Text Text Text Text
Höhe und Breite variieren {{Farbe |HEX=#DDAAEE |width=15px |height=5px}}<br /> {{Farbe |HEX=#DDAAEE |width=15px}}<br /> {{Farbe |HEX=#DDAAEE |width=5px |height=15px}}	_ _ _
Kreisförmig oder oval {{Farbe |width=8px |Kreis=1}}<br /> {{Farbe |HEX=#DDAAEE |width=15px |Kreis=1}}<br /> {{Farbe |HEX=#FFFFFF |width=15px |height=10px |Kreis=1 |border=1}}<br /> {{Farbe |HEX=#FFFFFF |width=15px |Kreis=1 |border=2px dashed #008000}}<br /> {{Farbe |HEX=#FFFFFF |width=15px |Kreis=1 |border=2px dotted #FF8000}}	_ _ _ _ _

Für die Verwendung im Parameter Strukturhinweis der {{Infobox Chemikalie}}
{{Farbe|#BC9A9A |Kreis=1}} Al<sup>3+</sup> {{0}} {{Farbe|#00FF00 |Kreis=1}} Cl<sup>−</sup>	_ Al3+ 0 _ Cl−
Möglich wäre auch so etwas	Al3+ Cl−

Barrierefreiheit

Damit auch Benutzer, die nichts sehen oder Farben nicht unterscheiden können, den Inhalt noch aufnehmen können, darf das farbige Element nicht allein bedeutungstragend sein.

• Sofern nicht ausschließlich die Legende zu einer Grafik dargestellt wird, die grundsätzlich nicht gesehen würde, sollte immer auch begleitender Text beigefügt sein und die Farbkennzeichnung nur zur Verstärkung und leichteren Erkennbarkeit genutzt werden.
• Ein nennenswerter Bevölkerungsteil ist von der Rot-Grün-Sehschwäche betroffen; dies sollte bei der Wahl von Farbkombinationen bedacht werden.
• Textfarbe und Hintergrundfarbe sollten gut kontrastieren, insbesondere deutlich unterschiedliche Helligkeit haben.

Siehe auch

• Hilfe:Farbe – Generell zur Einbindung von Farben
• Wikipedia:Farbe – Übersichtsseite mit Richtlinien zur Farbgestaltung
• Vorlage:Standardfarbe – einige, aber nicht alle Standardfarben
• Vorlage:Infobox Farbe – Infobox zur Beschreibung einer Farbe mit zugehörigem Farbcode in Artikeln über Farbnamen, Beispiel Feldgrau
• Vorlage:Farbmuster – Für die Beschreibung einer Farbe mit zugehörigem Farbcode in Artikeln über Farben, Beispiel Grün
• Vorlage:Farblegende – Für Legenden zu Tabellen zumeist in Sportartikeln oder zu Landkarten
• Vorlage:Linienlegende – Für Legenden zur Wiedergabe von Linien bei Karten mit Grenzverläufen
• Vorlage:Farbindex – Ähnliche Vorlage mit anderen Optionen, kann ebenfalls für Legenden verwendet werden

Lua

Diese Vorlage wurde ganz oder teilweise mit Hilfe der Programmiersprache Lua erstellt.

Die Module sind mit #invoke eingebunden. In der Dokumentation der einzelnen Module finden sich auch weitere Hinweise zu Rückfragen.

Verwendetes Modul: TemplUtl #faculty

Werkzeuge

Bei technischen Fragen zu dieser Vorlage kannst du dich auch an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite. Sie können ggf. auch an eine passende Redaktion, Portal usw. gerichtet werden.

• Verwendungen dieser Vorlage
• Cirrus-Suche zu Einbindungen dieser Vorlage (zunächst nur ANR) mit weiteren Möglichkeiten
• Anzahl der Einbindungen
• Liste der Unterseiten.
• Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [Bearbeiten].
• Test-/Beispielseite erstellen.