Hilfe:Farben

Farben können in Vitipendium eingesetzt werden, um in Artikeln Inhalte besonders hervorzuheben. Aber die Farben sollten mit Bedacht gewählt werden, um ein einheitliches Bild der Artikelseiten zu gewährleisten. Auf den Benutzerseiten sind Ihrer Farbgestaltung keine Grenzen gesetzt.

Hintergrund

Der einfachste Weg, um in Tabellen einen farbigen Hintergrund zu hinterlegen, ist die Vewendung der Klassen (class="..."). Dafür brauchen Sie nur an die entsprechende Zelle den Befehl einzugeben. Ihnen stehen folgende Kombinationen zur Verfügung.

class="Farbname" 

Klassische Farben

class="gruen"	class="grau"	class="gelb"	class="orange"
class="rot"	class="blau"	class="lila"	class="cyan"

Hortipendium-Farben

class="hell"

class="dunkel"

Wenn Sie andere Farben verwenden möchten, binden Sie diese mit Hilfe von Style-Befehlen ein:

style="background-color:#Hex-Code" 

style="background-color:rgb (Zahl, Zahl, Zahl)"

style="color:Farbname"

Schrift

Grundsätzlich sollten in Vitipendium möglichst wenig Schriftfarben verwendet werden, da eine Farbe auf eine Funktion hinweist (z.B roter Schriftzug = verweist auf eine nicht vorhandene Seite, blauer Schriftzug = Link auf eine Seite). Normalerweise wird zur Farbgebung das style-Attribut verwendet. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel in span-Tags für Zeichenfolgen im Fließtext oder p-Tags für ganze Absätze. Die Anweisungen für eine Farbe erfolgen mit der CSS-Anweisung color.

Wenn unbedingt notwendig, kann die Schrift über folgende Befehlskette farbig dargestellt werden:

style="color:#Hex-Code"

style="color:rgb (Zahl, Zahl, Zahl)"

style="color:Farbname"

Beispiel:

<span style="color:green"> Hier ein grüner Text </span>

= Hier ein grüner Text

Tabelle Farbcodes

Generell ist für die Farbangaben der Hexadezimalwert zu empfehlen. Die Verwendung von Farbnamen ist auch möglich. Mangels Unterstützung auch weit verbreiteter Browser (Internet Explorer oder Firefox) werden die Farbenamen nicht immer korrekt dargestellt.

Eine kleine Farbauswahl
white (255, 255, 255) #FFFFFF	(228, 243, 186) / class="hell" #E4F3BA	(182, 223, 70) / class="dunkel" #B6DF46	(103, 158, 55) / class="gruen" #679E37
(230, 238, 221) #E6EEDD	(221, 238, 153) #DDEE99	(187, 221, 68) #BBDD44	(0, 102, 0) #006600
snow (255 250 250) #FFFAFA	Seashell (255 245 238) #FFF5EE	AntiqueWhite (255 239 219) #FFEFDB	Bisque (255 228 196) #FFE4C4
PeachPuff (255 218 185) #FFDAB9	NavajoWhite (255 222 173) #FFDEAD	LemonChiffon (255 250 205) #FFFACD	Cornsilk (255 248 220) #FFF8DC
Ivory1 (255 255 240) #FFFFF0	Honeydew (240 255 240) #F0FFF0	LavenderBlush (255 240 245) #FFF0F5	MistyRose (255 228 225) #FFE4E1
Azure (240 255 255) #F0FFFF	SlateBlue (131 111 255) #836FFF	RoyalBlue (72 118 255) #4876FF	Blue (0 0 255) #0000FF
DodgerBlue1 (30 144 255) #1E90FF	SteelBlue (99 184 255) #63B8FF	DeepSkyBlue (0 191 255) #00BFFF	SkyBlue (135 206 255) #87CEFF /class="blue"
LightSkyBlue (176 226 255) #B0E2FF	SlateGray (198 226 255) #C6E2FF	LightSteelBlue (202 225 255) #CAE1FF	LightBlue (191 239 255) #BFEFFF
LightCyan (224 255 255) #E0FFFF	PaleTurquoise (187 255 255) #BBFFFF	CadetBlue (152 245 255) #98F5FF	Turquoise (0 245 255) #00F5FF
Cyan (0 255 255) #00FFFF	DarkSlateGray (151 255 255) #97FFFF	Aquamarine (127 255 212) #7FFFD4	DarkSeaGreen (193 255 193) #C1FFC1
SeaGreen (84 255 159) #54FF9F	PaleGreen (154 255 154) #9AFF9A	SpringGreen (0 255 127) #00FF7F	Green (0 255 0) #00FF00
Chartreuse (127 255 0) #7FFF00	OliveDrab (192 255 62) #C0FF3E	DarkOliveGreen (202 255 112) #CAFF70	Khaki (255 246 143) #FFF68F
LightGoldenrod (255 236 139) #FFEC8B / class="gelb"	LightYellow (255 255 224) #FFFFE0	Yellow (255 255 0) #FFFF00	Gold (255 215 0) #FFD700
Goldenrod (255 193 37) #FFC125	DarkGoldenrod (255 185 15) #FFB90F	RosyBrown (255 193 193) #FFC1C1	IndianRed (255 106 106) #FF6A6A / class="rot"
Sienna (255 130 71) #FF8247	Burlywood (255 211 155) #FFD39B	Wheat (255 231 186) #FFE7BA	Tan (255 165 79) #FFA54F
Chocolate (255 127 36) #FF7F24	Firebrick (255 48 48) #FF3030	Brown (255 64 64) #FF4040	Salmon (255 140 105) #FF8C69
LightSalmon (255 160 122) #FFA07A	Orange (255 165 0) #FFA500	DarkOrange (255 127 0) #FF7F00	Coral (255 114 86) #FF7256
Tomato (255 99 71) #FF6347	OrangeRed (255 69 0) #FF4500	Red (255 0 0) #FF0000	DeepPink (255 20 147) #FF1493
HotPink (255 110 180) #FF6EB4	Pink (255 181 197) #FFB5C5	LightPink (255 174 185) #FFAEB9	PaleVioletRed (255 130 171) #FF82AB
Maroon (255 52 179) #FF34B3	VioletRed (255 62 150) #FF3E96	Magenta (255 0 255) #FF00FF	Orchid (255 131 250) #FF83FA
Plum (255 187 255) #FFBBFF	MediumOrchid (224 102 255) #E066FF	DarkOrchid (191 62 255) #BF3EFF	Purple (155 48 255) #9B30FF
MediumPurple (171 130 255) #AB82FF / class="lila"	Thistle (255 225 255) #FFE1FF	WhiteSmoke (245 245 245) #F5F5F5	Gainsboro (220 220 220) #DCDCDC
LightGrey (211 211 211) #D3D3D3	Silver (192 192 192) #C0C0C0	DarkGrey (169 169 169) #A9A9A9	Black (0 0 0) #000000

Weblinks

• Farben in der Wikipedia
• SelfHTML-Farbhelfer
• Eine Farbtabelle sortiert nach Schattierungen
• Zusammenpassende Farb-Schemata – sehr nützlich zur Auswahl passender Schattierungen
• FarbFinder Ein JavaScript-Programm zum direkten Einfärben einer HTML-Seite. Die Tabellen sind der natürlichen Wahrnehmung entsprechend dreidimensional sortiert.
• HTML Farbtabelle Eine Auflistung von allen bekannten HTML Farbnamen mit Farb-Beispiel (RGB, Hex-Code, Farbname).