Hilfe:Farben

Aus Hortipendium
Wechseln zu: Navigation, Suche
Navigation
Weiterführende Links

Farben können in Hortipendium 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 Hortipendium 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