Vorlage:Farbe

_

Farbfeld erzeugen, um eine Farbe oder farbigen Text anzuzeigen

Vorlagenparameter

FarbwertHEX
1
Hintergrundfarbe, Farbwert hexadezimal mit # oder als Farbname.
Standard
#ABCDEF
Beispiel
#008000
TextText
2
Einen kurzen Text innerhalb des Farbfeldes anzeigen
Schriftfarbecolor
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
Rahmenborder
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
KreisformKreis
abgerundete Darstellung, Kreis oder Oval
Standard
0
Beispiel
1
Breitewidth
Breite des Farbfeldes festlegen
Standard
12px
Beispiel
25px
Höheheight
Höhe des Farbfeldes festlegen; kann entfallen, wenn ein Quadrat oder Kreis erzeugt werden soll.
Standard
12px
Beispiel
15px

Farbfeld erzeugen, um eine Farbe oder farbigen Text anzuzeigen

Vorlagenparameter

Diese Vorlage hat eine benutzerdefinierte Formatierung.

ParameterBeschreibungTypStatus
FarbwertHEX 1

Hintergrundfarbe, Farbwert hexadezimal mit # oder als Farbname.

Standard
#ABCDEF
Beispiel
#008000
Einzeiliger Textvorgeschlagen
TextText 2

Einen kurzen Text innerhalb des Farbfeldes anzeigen

Einzeiliger Textoptional
Schriftfarbecolor 3

Farbwert für die Schrift, falls im Farbfeld ein Text angezeigt werden soll.

Standard
#000000
Beispiel
#0000FF
Einzeiliger Textoptional
Rahmenborder

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 Textoptional
KreisformKreis

abgerundete Darstellung, Kreis oder Oval

Standard
0
Beispiel
1
Wahrheitswertoptional
Breitewidth

Breite des Farbfeldes festlegen

Standard
12px
Beispiel
25px
Einzeiliger Textoptional
Höheheight

Höhe des Farbfeldes festlegen; kann entfallen, wenn ein Quadrat oder Kreis erzeugt werden soll.

Standard
12px
Beispiel
15px
Einzeiliger Textoptional

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: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

Verwendetes Modul: TemplUtl #faculty