Wikistilfarben

für die Liste aller Seiten

Autoren (Fortgeschrittene)

< Beispiele zu Wikistilen | Dokumentations-Index | Wikistile für Listen >

Farbbeispiele

Einige Farbdefinition welche über das hinausgehen, was in PmWiki standardmäßig verfügbar ist.

CSS-Farben, Großschreibung in Kleinschreibung umgewandelt





%define=aliceblue color=#f0f8ff% aliceblue

%define=antiquewhite color=#faebd7% antiquewhite

%define=aqua color=#00ffff% aqua

%define=aquamarine color=#7fffd4% aquamarine

%define=azure color=#f0ffff% azure

%define=beige color=#f5f5dc% beige

%define=bisque color=#ffe4c4% bisque

%define=black color=#000000% black

%define=blanchedalmond color=#ffebcd% blanchedalmond

%define=blue color=#0000ff% blue

%define=blueviolet color=#8a2be2% blueviolet

%define=brown color=#a52a2a% brown

%define=burlywood color=#deb887% burlywood

%define=cadetblue color=#5f9ea0% cadetblue

%define=chartreuse color=#7fff00% chartreuse

%define=chocolate color=#d2691e% chocolate

%define=coral color=#ff7f50% coral

%define=cornflowerblue color=#6495ed% cornflowerblue

%define=cornsilk color=#fff8dc% cornsilk

%define=crimson color=#dc143c% crimson

%define=cyan color=#00ffff% cyan

%define=darkblue color=#00008b% darkblue

%define=darkcyan color=#008b8b% darkcyan

%define=darkgoldenrod color=#b8860b% darkgoldenrod

%define=darkgray color=#a9a9a9% darkgray

%define=darkgrey color=#a9a9a9% darkgrey

%define=darkgreen color=#006400% darkgreen

%define=darkkhaki color=#bdb76b% darkkhaki

%define=darkmagenta color=#8b008b% darkmagenta

%define=darkolivegreen color=#556b2f% darkolivegreen

%define=darkorange color=#ff8c00% darkorange

%define=darkorchid color=#9932cc% darkorchid

%define=darkred color=#8b0000% darkred

%define=darksalmon color=#e9967a% darksalmon

%define=darkseagreen color=#8fbc8f% darkseagreen

%define=darkslateblue color=#483d8b% darkslateblue

%define=darkslategray color=#2f4f4f% darkslategray

%define=darkslategrey color=#2f4f4f% darkslategrey

%define=darkturquoise color=#00ced1% darkturquoise

%define=darkviolet color=#9400d3% darkviolet

%define=deeppink color=#ff1493% deeppink

%define=deepskyblue color=#00bfff% deepskyblue

%define=dimgray color=#696969% dimgray

%define=dimgrey color=#696969% dimgrey

%define=dodgerblue color=#1e90ff% dodgerblue

%define=firebrick color=#b22222% firebrick

%define=floralwhite color=#fffaf0% floralwhite

%define=forestgreen color=#228b22% forestgreen

%define=fuchsia color=#ff00ff% fuchsia

%define=gainsboro color=#dcdcdc% gainsboro

%define=ghostwhite color=#f8f8ff% ghostwhite

%define=gold color=#ffd700% gold

%define=goldenrod color=#daa520% goldenrod

%define=gray color=#808080% gray

%define=grey color=#808080% grey

%define=green color=#008000% green

%define=greenyellow color=#adff2f% greenyellow

%define=honeydew color=#f0fff0% honeydew

%define=hotpink color=#ff69b4% hotpink

%define=indianred  color=#cd5c5c% indianred

%define=indigo  color=#4b0082% indigo

%define=ivory color=#fffff0% ivory

%define=khaki color=#f0e68c% khaki

%define=lavender color=#e6e6fa% lavender

%define=lavenderblush color=#fff0f5% lavenderblush

%define=lawngreen color=#7cfc00% lawngreen

%define=lemonchiffon color=#fffacd% lemonchiffon

%define=lightblue color=#add8e6% lightblue

%define=lightcoral color=#f08080% lightcoral

%define=lightcyan color=#e0ffff% lightcyan

%define=lightgoldenrodyellow color=#fafad2% lightgoldenrodyellow

%define=lightgray color=#d3d3d3% lightgray

%define=lightgrey color=#d3d3d3% lightgrey

%define=lightgreen color=#90ee90% lightgreen

%define=lightpink color=#ffb6c1% lightpink

%define=lightsalmon color=#ffa07a% lightsalmon

%define=lightseegreen color=#20b2aa% lightseegreen

%define=lightskyblue color=#87cefa% lightskyblue

%define=lightslategray color=#778899% lightslategray

%define=lightslategrey color=#778899% lightslategrey

%define=lightsteelblue color=#b0c4de% lightsteelblue

%define=lightyellow color=#ffffe0% lightyellow

%define=lime color=#00ff00% lime

%define=limegreen color=#32cd32% limegreen

%define=linen color=#faf0e6% linen

%define=magenta color=#ff00ff% magenta

%define=maroon color=#800000% maroon

%define=mediumaquamarine color=#66cdaa% mediumaquamarine

%define=mediumblue color=#0000cd% mediumblue

%define=mediumorchid color=#ba55d3% mediumorchid

%define=mediumpurple color=#9370d8% mediumpurple

%define=mediumseagreen color=#3cb371% mediumseagreen

%define=mediumslateblue color=#7b68ee% mediumslateblue

%define=mediumspringgreen color=#00fa9a% mediumspringgreen

%define=mediumturquoise color=#48d1cc% mediumturquoise

%define=mediumvioletred color=#c71585% mediumvioletred

%define=midnightblue color=#191970% midnightblue

%define=mintcream color=#f5fffa% mintcream

%define=mistyrose color=#ffe4e1% mistyrose

%define=moccasin color=#ffe4b5% moccasin

%define=navajowhite color=#ffdead% navajowhite

%define=navy color=#000080% navy

%define=oldlace color=#fdf5e6% oldlace

%define=olive color=#808000% olive

%define=olivedrab color=#6b8e23% olivedrab

%define=orange color=#ffa500% orange

%define=orangered color=#ff4500% orangered

%define=orchid color=#da70d6% orchid

%define=palegoldenrod color=#eee8aa% palegoldenrod

%define=palegreen color=#98fb98% palegreen

%define=paleturquoise color=#afeeee% paleturquoise

%define=palevioletred color=#d87093% palevioletred

%define=papayawhip color=#ffefd5% papayawhip

%define=peachpuff color=#ffdab9% peachpuff

%define=peru color=#cd853f% peru

%define=pink color=#ffc0cb% pink

%define=plum color=#dda0dd% plum

%define=powderblue color=#b0e0e6% powderblue

%define=purple color=#800080% purple

%define=red color=#ff0000% red

%define=rosybrown color=#bc8f8f% rosybrown

%define=royalblue color=#4169e1% royalblue

%define=saddlebrown color=#8b4513% saddlebrown

%define=salmon color=#fa8072% salmon

%define=sandybrown color=#f4a460% sandybrown

%define=seagreen color=#2e8b57% seagreen

%define=seashell color=#fff5ee% seashell

%define=sienna color=#a0522d% sienna

%define=silver color=#c0c0c0% silver

%define=skyblue color=#87ceeb% skyblue

%define=slateblue color=#6a5acd% slateblue

%define=slategray color=#708090% slategray

%define=slategrey color=#708090% slategrey

%define=snow color=#fffafa% snow

%define=springgreen color=#00ff7f% springgreen

%define=steelblue color=#4682b4% steelblue

%define=tan color=#d2b48c% tan

%define=teal color=#008080% teal

%define=thistle color=#d8bfd8% thistle

%define=tomato color=#ff6347% tomato

%define=turquoise color=#40e0d0% turquoise

%define=violet color=#ee82ee% violet

%define=wheat color=#f5deb3% wheat

%define=white color=#ffffff% white

%define=whitesmoke color=#f5f5f5% whitesmoke

%define=yellow color=#ffff00% yellow

%define=yellowgreen color=#9acd32% yellowgreen 



weitere Farbdefinitionen



%color=#0000cc define=hdblue% hdblue

%color=#006600 define=dkgreen% dkgreen

%color=#009999 define=bluegrass% bluegrass

%color=#33ffcc define=teal% teal

%color=#660066 define=dkpurple% dkpurple

%color=#6600cc define=perwi% perwi

%color=#666666 define=dkgrey% dkgrey

%color=#669966 define=mistgreen% mistgreen

%color=#669999 define=slategr% slategr

%color=#990099 define=purple% purple

%color=#9966cc define=ltpurple% ltpurple

%color=#999999 define=ltgrey% ltgrey

%color=#99ccff define=ltblue% ltblue

%color=#99ff33 define=springgreen% springgreen

%color=#cc33cc define=magenta% magenta

%color=#cc6633 define=btorange% btorange

%color=#cccccc define=grey% grey

%color=#ccffcc define=ltgreen% ltgreen

%color=#ff3399 define=pink% pink

%color=#ff6666 define=ltred% ltred

%color=#ff9900 define=orange% orange

%color=#ff9966 define=ltorange% ltorange

%color=#ffbb66 define=gold% gold

%color=#ffff00 define=yellow% yellow

CSS-Farben, Großschreibung in Kleinschreibung umgewandelt

aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgrey darkgreen darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray grey green greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgrey lightgreen lightpink lightsalmon lightseegreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen

weitere Farbdefinitionen

hdblue dkgreen bluegrass teal dkpurple perwi dkgrey mistgreen slategr purple ltpurple ltgrey ltblue springgreen magenta btorange grey ltgreen pink ltred orange ltorange gold yellow

Item	Markup	Text
Red	%Red%RED%%	RED
Light Red	%ltred%Light Red%%	Light Red
Pink	%pink%Pink%%	Pink
Blue	%blue%Blue%%	Blue
Light Blue	%ltblue%Light Blue%%	Light Blue
BlueGrass	%bluegrass%Bluegrass%%	Bluegrass
Hard Blue	%hdblue%Hard Blue%%	Hard Blue
Teal	%teal%Teal%%	Teal
Green	%green%Green%%	Green
Light Green	%ltgreen%Light Green%%	Light Green
Spring Green	%springgreen%Spring Green%%	Spring Green
Mist Green	%mistgreen%Mist Green%%	Mist Green
Dark Green	%dkgreen%Dark Green%%	Dark Green
Slate Green	%slategr%Slate Green%%	Slate Green
Purple	%purple%Purple%%	Purple
Light Purple	%ltpurple%Light Purple%%	Light Purple
Dark Purple	%dkpurple%Dark Purple%%	Dark Purple
Perriwinkle	%perwi%Perwi%%	Perwi
Magenta	%magenta%Magenta%%	Magenta
Yellow	%yellow%Yellow%%	Yellow
Gold	%gold%Gold%%	Gold
Orange	%orange%Orange%%	Orange
Burnt Orange	%btorange%Burnt Orange%%	Burnt Orange
Light Orange	%ltorange%Light Orange%%	Light Orange
Grey	%grey%Grey%%	Grey
Dark Grey	%dkgrey%Dark Grey%%	Dark Grey
Light Grey	%ltgrey%Light Grey%%	Light Grey

PmWiki-Standardfarben

black	black
blue	blue
gray	gray
green	green
maroon	maroon
navy	navy
purple	purple
red	red
silver	silver
white	white
yellow	yellow

Tips und Tricks:

Hexadezimale Farbwerte brauchen nicht vor dem Gebrauch extra definiert werden. Man muß nur %color=#cc33cc% vor den Text setzen um sie zu "definieren" und die Definition zu nutzen. Eine echte Definition ist nur bequem, falls die Farbe mehr als einmal genutzt werden soll.
Verwenden Sie keine Großbuchstaben, damit die Hexzahl nicht fälschlich als Wikitext interpretiert wird.
Behalten Sie im Kopf, dass die Art, wie die Farben dargestellt werden, bei Windows und Mac leichte Unterschiede aufweisen.
Textfarben sehen immer heller aus als eine Hintergrundfarbe, da der weiße Hintergrund die Gesamthelligkeit dominiert. Textfarben sollten dunkler sein als die Hintergrundfarbe, um den gleichen Helligkeitseindruck zu schaffen (außer natürlich das Wiki nutzt ein inverses Farbschema).
Zuviele verschiedene Farben auf einer Seite wirken störend. Sie sollten sparsam eingesetzt werden.
Text kann durch die gleiche Farbe wie der Hintergrund "unsichtbar" gemacht werden. Manche Autoren verwenden sie um die Verweise zum Bearbeiten zu verbergen. Dies ist jedoch eine recht primitive Technik, da der Text durch markieren natürlich wieder sichtbar wird.

Weitere Farboptionen (Externe Verweise in neuen Fenstern öffnend)

Farbrad - Auswahl von Farben, zeigt dazu web-sichere und web-smarte Farben an
w3schools:HTML-Farben - sortiert nach Farbnamen (auch für CSS einsetzbar)
w3schools:HTML-Farben - sortiert nach Hexadezimalwerten (auch für CSS einsetzbar)
w3schools:HTML-Farben - sortiert nach Farbgruppen (auch für CSS einsetzbar)
w3school:ColoPicker
Pixie download site - Windows-Programm mit dem man durch Klick auf eine Farbe deren RGB, HTML, CMYK und HSV Wert bekommt (Macintosh Nutzer öffnen TextEdit und drücken Shift+Apfel+C).

FAQ

Wie definieren Administratoren Farben für alle Seiten vor?

Definieren Sie Farbschlüsselworte und verlassen Sie sich auf den Browser, dass er die Farbwerte rendert. Sie können die Farbschlüsselworte sowohl für die Textfarbe (%keyword%text%%) als auch für die Hintergrundfarbe (%bgcolor=keyword%text%%) benutzen. Fügen Sie in Ihrer lokalen Konfigurationsdatei das Folgende hinzu.

$SVGColors = array (
'aliceblue','antiquewhite','aqua','aquamarine','azure','beige','bisque','black',
'blanchedalmond','blue','blueviolet','brown','burlywood','cadetblue','chartreuse','chocolate',
'coral','cornflowerblue','cornsilk','crimson','cyan','darkblue','darkcyan','darkgoldenrod',
'darkgrey','darkgreen','darkkhaki','darkmagenta','darkolivegreen','darkorange','darkorchid','darkred',
'darksalmon','darkseagreen','darkslateblue','darkslategray',
'darkturquoise','darkviolet','deeppink','deepskyblue',
'dimgray','dodgerblue','firebrick','floralwhite','forestgreen','fuchsia','gainsboro','ghostwhite',
'gold','goldenrod','gray','green','greenyellow','honeydew','hotpink','indianred',
'indigo','ivory','khaki','lavender','lavenderblush','lawngreen','lemonchiffon','lightblue',
'lightcoral','lightcyan','lightgoldenrodyellow','lightgreen',
'lightgrey','lightpink','lightsalmon','lightseagreen',
'lightskyblue','lightslategray','lightsteelblue','lightyellow','lime','limegreen','linen','magenta',
'maroon','mediumaquamarine','mediumblue','mediumorchid',
'mediumpurple','mediumseagreen','mediumslateblue','mediumspringgreen',
'mediumturquoise','mediumvioletred','midnightblue','mintcream',
'mistyrose','moccasin','navajowhite','navy',
'oldlace','olive','olivedrab','orange','orangered','orchid','palegoldenrod','palegreen',
'paleturquoise','palevioletred','papayawhip','peachbuff','peru','pink','plum','powderblue',
'purple','red','rosybrown','royalblue','saddlebrown','salmon','sandybrown','seagreen',
'seashell','sienna','silver','skyblue','slateblue','slategray','snow','springgreen',
'steelblue','tan','teal','thistle','tomato','turquoise','violet','wheat',
'white','whitesmoke','yellow','yellowgreen'
);
foreach($SVGColors as $c)
   $WikiStyle[$c]['color'] = $c;

Alternativ definieren Sie die gewünschten Farben in der lokalen Konfigurationsdatei (Siehe Wikistile anpassen für Details). Z. B. fügen Sie das Folgende in Ihrer local/config-Datei hinzu:

    $WikiStyle['hardblue']['color']    ='#0000cc';
    $WikiStyle['darkgreen']['color']   ='#006600';
    $WikiStyle['bluegrass']['color']   ='#009999';
    $WikiStyle['teal']['color']        ='#008080';
    $WikiStyle['darkpurple']['color']  ='#660066';
    $WikiStyle['perwinkle']['color']   ='#6600cc';
    $WikiStyle['darkgrey']['color']    ='#a9a9a9';
    $WikiStyle['mistgreen']['color']   ='#669966';
    $WikiStyle['slategreen']['color']  ='#669999';
    $WikiStyle['purple']['color']      ='#800080';
    $WikiStyle['lightpurple']['color'] ='#9966cc';
    $WikiStyle['lightgrey']['color']   ='#d3d3d3';
    $WikiStyle['lightblue']['color']   ='#add8e6';
    $WikiStyle['springgreen']['color'] ='#00ff7f';
    $WikiStyle['magenta']['color']     ='#ff00ff';
    $WikiStyle['burntorange']['color'] ='#cc6633';
    $WikiStyle['grey']['color']        ='#808080';
    $WikiStyle['lightgreen']['color']  ='#90ee90';
    $WikiStyle['pink']['color']        ='#ffc0cb';
    $WikiStyle['lightred']['color']    ='#ff6666';
    $WikiStyle['orange']['color']      ='#ffa500';
    $WikiStyle['lightorange']['color'] ='#ff9966';
    $WikiStyle['gold']['color']        ='#ffd700';
    $WikiStyle['yellow']['color']      ='#ffff00';

für die Liste aller Seiten

< Beispiele zu Wikistilen | Dokumentations-Index | Wikistile für Listen >

Originalseite auf PmWikiDe.WikiStyleColors — Rückverweise

Zuletzt geändert:	PmWikiDe.WikiStyleColors	am 07.04.2016