| 
         PmWiki (deutsch) für die Liste aller Seiten
  
Englisch:
  PmWiki
  pmwiki.org
  edit SideBar
 
 | 
      
        
        
 für die Liste aller Seiten
 Autoren (Fortgeschrittene)
 
 
 
 
Farbbeispiele
Einige Farbdefinition, welche über das hinausgehen, was in PmWiki standardmäßig verfügbar ist[1]:
 
      140 von allen Browsern unterstützte CSS-Farben, alphabetisch, 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
  |  140 von allen Browsern unterstützte CSS-Farben, alphabetisch, 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
 
 |   
 
Standard PmWiki colours
| black  | black |  
| blue   | blue |  
| gray or grey   | gray    grey |  
| green  | green |  
| maroon | maroon |  
| navy   | navy |  
| purple | purple |  
| red    | red |  
| silver | silver |  
| white  | white |  
| yellow | yellow |  
  
Hinweise und Tipps
- Sie müssen die hexadezimalen Farben nicht erst definieren, um sie verwenden zu können; es funktioniert genausogut, wenn Sie die Farbe mit %color=#cc33cc%  vor einen Text setzen, statt sie erst zu definieren, um sie dann zu verwenden. Die Definition ist bequem, wenn Sie die Farbe an mehreren Stellen verwenden und zentral ändern wollen.
 - Benutzen Sie Kleinbuchstaben  - das verhindert, dass die Farbzahlen als Wikitext missverstanden wird.
 - Denken Sie daran, dass die Farben unterschiedlich wirken, abhängig vom Gerät (CRT-Bildschirm, TFT-Anzeige, Drucker, ...) und der verwendeten Gammakurve. Insbesondere kann die gleiche Farbe zu hell oder zu dunkel wirken auf Windows- (Gamma ist gewöhnlich auf 2,5, gesetzt) und Mac-Computer (Gamma 1,8).
 - Textfarben wirken grundsätzlich heller als Hintergrundfarben, weil der weiße Hintergrund die Helligkeit dominiert, mit anderen Worten, die Textfarben sollten dunkler sein als die Hintergrundfarben, um den gleichen Helligkeitseindruck zu erreichen  (es sei denn natürlich, dass Ihr Wiki ein umgekehrtes Farbschema hat).
 - Zu viele Farben auf einer Seite wirken störend. Setzen Sie sie sparsam ein.
 - Sie können Text verbergen, indem Sie ihn weiß auf weißem Hintergrund setzen. Das ist allerdings eine schwache Verschleierungstechnik: Der Text kann im Quelltext gelesen werden. Und ein Leser mit Köpfchen könnte den Text markieren, so sieht er ihn sowieso. Einige Ein-Autor-Sites benutzen das weiterhin, um den Edit-Verweis unauffällig zu machen.
 
 Weitere Farboptionen (externe Verweise öffnen ein neues Fenster)
- 4096 Farbrad - Auswahl von Farben, zeigt dazu web-sichere und web-smarte Farben an 
 - Websichere Farbkarte von 'Mandarin Design'
 - HTML-Farben  - Wie Farben in HTML eingesetzt werden 
 - w3schools:HTML-Farben  - von allen Browsern unterstützte 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 - einfache Bestimmung der Farbbeschreibung für HTML
 - Pixie download site - installieren und benutzen Sie dieses kleine Windows-Utility und "zeigen Sie einfach auf eine Farbe und es zeigt Ihnen die hex-, RGB-, HTML-, CMYK und HSV-Farbwerte dieser Farbe an." (auf Macintosh öffnen Sie TextEdit und benutzen umschalt+Apfel+c)
 
 Kommentare
 
 Wie definiert eine Administrator Farben für alle Seiten? 
 Er definiert Farb-Schlüsselworte und verlässt sich darauf, dass die Browser die Farbwerte rendern. Er kann die Farb-Schlüsselworte sowohl für die Textfarbe (mit %keyword%text%%) als auch für die Hintergrundfarbe (mit %bgcolor=keyword%text%%) benutzen. Er fügt dies zu seiner lokalen Konfigurationsdatei 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 definiert er die gewünschten Farben in der lokalen Konfigurationsdatei (siehe Wikistile anpassen für Details). Z. B. fügt er das Folgende in seine 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';
 
Noch eine Farbenübersicht
 
| 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 |  
 
 für die Liste aller Seiten
 
 
 
 
       |