<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected{color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
	
.wizard .notChanged {background:transparent;}
.wizard .changedLocally {background:#80ff80;}
.wizard .changedServer {background:#8080ff;}
.wizard .changedBoth {background:#ff8080;}
.wizard .notFound {background:#ffff80;}
.wizard .putToServer {background:#ff80ff;}
.wizard .gotFromServer {background:#80ffff;}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>
<!--}}}-->
To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* MainMenu: The menu (usually on the left)
* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
These InterfaceOptions for customising TiddlyWiki are saved in your browser

Your username for signing your edits. Write it as a WikiWord (eg JoeBloggs)

<<option txtUserName>>
<<option chkSaveBackups>> SaveBackups
<<option chkAutoSave>> AutoSave
<<option chkRegExpSearch>> RegExpSearch
<<option chkCaseSensitiveSearch>> CaseSensitiveSearch
<<option chkAnimate>> EnableAnimations

----
Also see AdvancedOptions
<<importTiddlers>>
Learning the Quran, Frederick Arthur ''Bridgman''
[img[Learning the Quran Bridgman|http://4.bp.blogspot.com/_mX94yVHB_CI/R33ANIo0s3I/AAAAAAAABpo/g0QknUW-j2k/s1600/Learning_the_Quran_1921_Oil_On_Canvas.jpg]]

//[[peintures]]//
[[Qu'est-ce que la couleur]]
[[Une couleur au hasard]]

[[À propos de ce site]]
/***
|Name|DisplayOpenTiddlersPlugin|
|Location|http://www.orst.edu/~woodswa/tiddlywikiplugs.html|
|Version|1.0|
|Author|Walt Woods|
|Requirements||

!Description
Displays similar to the popular BreadCrumbsPlugin by AlanHecht, this plugin instead keeps a list of currently open tiddlers.

!History
08-06-2007: Initial version.

!Code
***/
//{{{
version.extensions.DisplayOpenTiddlers = {major: 1, minor: 0, revision: 0};

function addOpenTiddlerLine(title, element)
{
 if (title != openTiddlerClosing)
 {
  if (tiddlerLine != "")
   tiddlerLine += " | ";
  tiddlerLine += "[[" + title + "]]";
 }
}

function refreshOpenTiddlersList()
{
 if (!document.getElementById("openTiddlers")) {
  var ta = document.createElement("div");
  ta.id = "openTiddlers";
  ta.style.visibility= "hidden";
  var targetArea = document.getElementById("tiddlerDisplay")||document.getElementById("storyDisplay");
  targetArea.parentNode.insertBefore(ta,targetArea);
 }

 var tiddlers = document.getElementById("openTiddlers");
 tiddlers.style.visibility = "visible";
 removeChildren(tiddlers);
 
 tiddlerLine = "";
 story.forEachTiddler(addOpenTiddlerLine);
 wikify(tiddlerLine,tiddlers)
}

Story.prototype.displayTiddlerDisplayOpenTiddlers = Story.prototype.displayTiddler;
Story.prototype.displayTiddler = function(srcElement,title,template,animate,slowly)
{
 this.displayTiddlerDisplayOpenTiddlers(srcElement,title,template,animate,slowly);
 openTiddlerClosing = "";
 refreshOpenTiddlersList();
}

Story.prototype.closeTiddlerDisplayOpenTiddlers = Story.prototype.closeTiddler;
Story.prototype.closeTiddler = function(title,animate,unused)
{
 this.closeTiddlerDisplayOpenTiddlers(title,animate,unused);
 openTiddlerClosing = title;
 refreshOpenTiddlersList();
}
//}}}
Il y aurait beaucoup à dire sur ''Goethe'' et les femmes, les arts, le dessin, la musique, la biologie, la zoologie et l'ostéologie, l'optique et la géologie.

[img[Goethes Gartenhaus |http://farm1.static.flickr.com/223/475391543_6cdf9a769f.jpg?v=0]]<br>
Goethes Gartenhaus/ Gardenhouse / in Weimar by amras_de


La gradation du transparent au //trouble//, dont le blanc ne serait que la forme la plus pure, les effets apparents, les réfractions sont à la base de son approche de la lumière. Les couleurs ne seraient qu'un phénomène à la frontière de la [[lumière]] et de l'obscurité : dans son //Traité des couleurs//, il propose une approche des [[couleurs|teintes]] basée sur l'observation et la psychologie, là où la science ne voit que manifestations physiques et physiologiques.

Son triangle des couleurs contient les couleurs primaires, secondaires et tertiaires, mais toute combinaison partielle s'analyse en termes psychologiques, le coin inférieur gauche renvoyant, par exemple, à la sérénité.
[img[triangle des couleurs de Goethe|http://www.cs.brown.edu/courses/cs092/VA10/Images/ColorMixing/GoetheTriangleEx2.jpeg]]

Goethe a influencé des artistes comme William [[Turner]] et Wassily [[Kandinsky]].
Les massacres de Scio, Théodore Géricault
<html><img src="http://www.lemondedesarts.com/images/Delacroix41.jpg" width= "500" title="massacre de Scio, Géricault "><br></img></html>


//[[peintures]]//
/***
|Name|InlineJavascriptPlugin|
|Source|http://www.TiddlyTools.com/#InlineJavascriptPlugin|
|Documentation|http://www.TiddlyTools.com/#InlineJavascriptPluginInfo|
|Version|1.9.3|
|Author|Eric Shulman - ELS Design Studios|
|License|http://www.TiddlyTools.com/#LegalStatements <br>and [[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]]|
|~CoreVersion|2.1|
|Type|plugin|
|Requires||
|Overrides||
|Description|Insert Javascript executable code directly into your tiddler content.|
''Call directly into TW core utility routines, define new functions, calculate values, add dynamically-generated TiddlyWiki-formatted output'' into tiddler content, or perform any other programmatic actions each time the tiddler is rendered.
!!!!!Documentation
>see [[InlineJavascriptPluginInfo]]
!!!!!Revisions
<<<
2008.06.11 [1.9.3] added $(...) function as 'shorthand' convenience syntax for document.getElementById()
2008.03.03 [1.9.2] corrected declaration of wikifyPlainText() for 'TW 2.1.x compatibility fallback' (fixes Safari "parse error")
2008.02.23 [1.9.1] in onclick function, use string instead of array for 'bufferedHTML' attribute on link element (fixes IE errors)
2008.02.21 [1.9.0] 'onclick' scripts now allow returned text (or document.write() calls) to be wikified into a span that immediately follows the onclick link.  Also, added default 'return false' handling if no return value provided (prevents HREF from being triggered -- return TRUE to allow HREF to be processed).  Thanks to Xavier Verges for suggestion and preliminary code.
|please see [[InlineJavascriptPluginInfo]] for additional revision details|
2005.11.08 [1.0.0] initial release
<<<
!!!!!Code
***/
//{{{
version.extensions.InlineJavascriptPlugin= {major: 1, minor: 9, revision: 3, date: new Date(2008,6,11)};

config.formatters.push( {
	name: "inlineJavascript",
	match: "\\<script",
	lookahead: "\\<script(?: src=\\\"((?:.|\\n)*?)\\\")?(?: label=\\\"((?:.|\\n)*?)\\\")?(?: title=\\\"((?:.|\\n)*?)\\\")?(?: key=\\\"((?:.|\\n)*?)\\\")?( show)?\\>((?:.|\\n)*?)\\</script\\>",

	handler: function(w) {
		var lookaheadRegExp = new RegExp(this.lookahead,"mg");
		lookaheadRegExp.lastIndex = w.matchStart;
		var lookaheadMatch = lookaheadRegExp.exec(w.source)
		if(lookaheadMatch && lookaheadMatch.index == w.matchStart) {
			var src=lookaheadMatch[1];
			var label=lookaheadMatch[2];
			var tip=lookaheadMatch[3];
			var key=lookaheadMatch[4];
			var show=lookaheadMatch[5];
			var code=lookaheadMatch[6];
			if (src) { // load a script library
				// make script tag, set src, add to body to execute, then remove for cleanup
				var script = document.createElement("script"); script.src = src;
				document.body.appendChild(script); document.body.removeChild(script);
			}
			if (code) { // there is script code
				if (show) // show inline script code in tiddler output
					wikify("{{{\n"+lookaheadMatch[0]+"\n}}}\n",w.output);
				if (label) { // create a link to an 'onclick' script
					// add a link, define click handler, save code in link (pass 'place'), set link attributes
					var link=createTiddlyElement(w.output,"a",null,"tiddlyLinkExisting",wikifyPlainText(label));
					var fixup=code.replace(/document.write\s*\(/gi,'place.bufferedHTML+=(');
					link.code="function _out(place){"+fixup+"\n};_out(this);"
					link.tiddler=w.tiddler;
					link.onclick=function(){
						this.bufferedHTML="";
						try{ var r=eval(this.code);
							if(this.bufferedHTML.length || (typeof(r)==="string")&&r.length)
								var s=this.parentNode.insertBefore(document.createElement("span"),this.nextSibling);
							if(this.bufferedHTML.length)
								s.innerHTML=this.bufferedHTML;
							if((typeof(r)==="string")&&r.length) {
								wikify(r,s,null,this.tiddler);
								return false;
							} else return r!==undefined?r:false;
						} catch(e){alert(e.description||e.toString());return false;}
					};
					link.setAttribute("title",tip||"");
					var URIcode='javascript:void(eval(decodeURIComponent(%22(function(){try{';
					URIcode+=encodeURIComponent(encodeURIComponent(code.replace(/\n/g,' ')));
					URIcode+='}catch(e){alert(e.description||e.toString())}})()%22)))';
					link.setAttribute("href",URIcode);
					link.style.cursor="pointer";
					if (key) link.accessKey=key.substr(0,1); // single character only
				}
				else { // run inline script code
					var fixup=code.replace(/document.write\s*\(/gi,'place.innerHTML+=(');
					var c="function _out(place){"+fixup+"\n};_out(w.output);";
					try	 { var out=eval(c); }
					catch(e) { out=e.description?e.description:e.toString(); }
					if (out && out.length) wikify(out,w.output,w.highlightRegExp,w.tiddler);
				}
			}
			w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;
		}
	}
} )
//}}}

// // Backward-compatibility for TW2.1.x and earlier
//{{{
if (typeof(wikifyPlainText)=="undefined") window.wikifyPlainText=function(text,limit,tiddler) {
	if(limit > 0) text = text.substr(0,limit);
	var wikifier = new Wikifier(text,formatter,null,tiddler);
	return wikifier.wikifyPlain();
}
//}}}

// // $(...) function: 'shorthand' convenience syntax for document.getElementById()
//{{{
if (typeof($)=="undefined") { // avoid redefinition
function $() {
	var elements=new Array();
	for (var i=0; i<arguments.length; i++) {
		var element=arguments[i];
		if (typeof element=='string') element=document.getElementById(element);
		if (arguments.length==1) return element;
		elements.push(element);
	}
	return elements;
}
}
//}}}
//{{{
config.formatters.unshift( {
	name: "inlinetabs",
	match: "\\<tabs",
        lookaheadRegExp: /(?:<tabs (.*)>\n)((?:.|\n)*?)(?:\n<\/tabs>)/mg,
	handler: function(w)
	{
	    this.lookaheadRegExp.lastIndex = w.matchStart;
	    var lookaheadMatch = this.lookaheadRegExp.exec(w.source)
	    if(lookaheadMatch && lookaheadMatch.index == w.matchStart)
			{
             var cookie = lookaheadMatch[1];
  	         var wrapper = createTiddlyElement(null,"div",null,cookie);
	         var tabset = createTiddlyElement(wrapper,"div",null,"tabset");
             tabset.setAttribute("cookie",cookie);
             var validTab = false;
             var firstTab = '';
             var tabregexp = /(?:<tab (.*)>)(?:(?:\n)?)((?:.|\n)*?)(?:<\/tab>)/mg;
             while((m = tabregexp.exec(lookaheadMatch[2])) != null)
                 {
		         if (firstTab == '') firstTab = m[1];
		         var tab = createTiddlyButton(tabset,m[1],m[1],story.onClickInlineTab,"tab tabUnselected");
		         tab.setAttribute("tab",m[1]);
		         tab.setAttribute("content",m[2]);
		         tab.title = m[1];
		         if(config.options[cookie] == m[1])
                     validTab = true;
                 }
             if(!validTab)
                 config.options[cookie] = firstTab;
	         w.output.appendChild(wrapper);
	         story.switchInlineTab(tabset,config.options[cookie]);
             w.nextMatch = this.lookaheadRegExp.lastIndex;
			}
	}
})

Story.prototype.switchInlineTab = function(tabset,tab)
{
    var cookie = tabset.getAttribute("cookie");
    var theTab = null
    var nodes = tabset.childNodes;
    for(var t=0; t<nodes.length; t++)
    if(nodes[t].getAttribute && nodes[t].getAttribute("tab") == tab)
        {
        theTab = nodes[t];
        theTab.className = "tab tabSelected";
        }
    else
        nodes[t].className = "tab tabUnselected"
	if(theTab)
		{
		if(tabset.nextSibling && tabset.nextSibling.className == "tabContents")
			tabset.parentNode.removeChild(tabset.nextSibling);
		var tabContent = createTiddlyElement(null,"div",null,"tabContents");
		tabset.parentNode.insertBefore(tabContent,tabset.nextSibling);
		wikify(theTab.getAttribute("content"),tabContent);
		if(cookie)
			{
			config.options[cookie] = tab;
			saveOptionCookie(cookie);
			}
		}
}
    
Story.prototype.onClickInlineTab = function(e)
{
    story.switchInlineTab(this.parentNode,this.getAttribute("tab"));
    return false;
}
//}}}
Gorge Improvisation, Wassily ''Kandinsky''
[img[Gorge Improvisation, Kandinsky|http://upload.wikimedia.org/wikipedia/commons/1/19/Gorge_Improvisation.JPG]]


//[[peintures]]//
~ICB3 (monochrome bleu) - Yves Klein
|[img[~ICB3 - Yves Klein|http://acf-nimes.cef.fr/arts/xxeb/il-xxeb/klein2o.jpg]]|


//[[peintures]]//
/***
|''Name:''|LoadRemoteFileThroughProxy (previous LoadRemoteFileHijack)|
|''Description:''|When the TiddlyWiki file is located on the web (view over http) the content of [[SiteProxy]] tiddler is added in front of the file url. If [[SiteProxy]] does not exist "/proxy/" is added. |
|''Version:''|1.1.0|
|''Date:''|mar 17, 2007|
|''Source:''|http://tiddlywiki.bidix.info/#LoadRemoteFileHijack|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0|
***/
//{{{
version.extensions.LoadRemoteFileThroughProxy = {
 major: 1, minor: 1, revision: 0, 
 date: new Date("mar 17, 2007"), 
 source: "http://tiddlywiki.bidix.info/#LoadRemoteFileThroughProxy"};

if (!window.bidix) window.bidix = {}; // bidix namespace
if (!bidix.core) bidix.core = {};

bidix.core.loadRemoteFile = loadRemoteFile;
loadRemoteFile = function(url,callback,params)
{
 if ((document.location.toString().substr(0,4) == "http") && (url.substr(0,4) == "http")){ 
 url = store.getTiddlerText("SiteProxy", "/proxy/") + url;
 }
 return bidix.core.loadRemoteFile(url,callback,params);
}
//}}}
[[Qu'est-ce que la couleur]]
[[Une couleur au hasard]]

[[Menu]]
[[À propos de ce site]]
<html><img src="http://farm4.static.flickr.com/3077/2744994990_ccc01ce6c4_m.jpg" width="170"></img></html>
[[Qu'est-ce que la couleur]]
[[Une couleur au hasard]]
[[techniques]]

[[Plan du site]]
[[glossaire]]
[[sites]]

[[À propos de ce site]]
/***
|''Name:''|PasswordOptionPlugin|
|''Description:''|Extends TiddlyWiki options with non encrypted password option.|
|''Version:''|1.0.2|
|''Date:''|Apr 19, 2007|
|''Source:''|http://tiddlywiki.bidix.info/#PasswordOptionPlugin|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0 (Beta 5)|
***/
//{{{
version.extensions.PasswordOptionPlugin = {
	major: 1, minor: 0, revision: 2, 
	date: new Date("Apr 19, 2007"),
	source: 'http://tiddlywiki.bidix.info/#PasswordOptionPlugin',
	author: 'BidiX (BidiX (at) bidix (dot) info',
	license: '[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D]]',
	coreVersion: '2.2.0 (Beta 5)'
};

config.macros.option.passwordCheckboxLabel = "Save this password on this computer";
config.macros.option.passwordInputType = "password"; // password | text
setStylesheet(".pasOptionInput {width: 11em;}\n","passwordInputTypeStyle");

merge(config.macros.option.types, {
	'pas': {
		elementType: "input",
		valueField: "value",
		eventName: "onkeyup",
		className: "pasOptionInput",
		typeValue: config.macros.option.passwordInputType,
		create: function(place,type,opt,className,desc) {
			// password field
			config.macros.option.genericCreate(place,'pas',opt,className,desc);
			// checkbox linked with this password "save this password on this computer"
			config.macros.option.genericCreate(place,'chk','chk'+opt,className,desc);			
			// text savePasswordCheckboxLabel
			place.appendChild(document.createTextNode(config.macros.option.passwordCheckboxLabel));
		},
		onChange: config.macros.option.genericOnChange
	}
});

merge(config.optionHandlers['chk'], {
	get: function(name) {
		// is there an option linked with this chk ?
		var opt = name.substr(3);
		if (config.options[opt]) 
			saveOptionCookie(opt);
		return config.options[name] ? "true" : "false";
	}
});

merge(config.optionHandlers, {
	'pas': {
 		get: function(name) {
			if (config.options["chk"+name]) {
				return encodeCookie(config.options[name].toString());
			} else {
				return "";
			}
		},
		set: function(name,value) {config.options[name] = decodeCookie(value);}
	}
});

// need to reload options to load passwordOptions
loadOptionsCookie();

/*
if (!config.options['pasPassword'])
	config.options['pasPassword'] = '';

merge(config.optionsDesc,{
		pasPassword: "Test password"
	});
*/
//}}}
! [[Qu'est-ce que la couleur]] . [[Une couleur au hasard]] . [[techniques]] . [[Voir aussi]]

[img[VB|http://farm1.static.flickr.com/150/373788314_3982590684.jpg?v=0]]

<tabs Plan du site>

<tab Qu'est-ce que la couleur>
!1 -- [[Qu'est-ce que la couleur]]
[[lumière]]
[[teintes]]
[[primaires]]
[[blanc]]
[[noir]]
[[harmonie]]
</tab>

<tab Une couleur au hasard>
!2 -- [[Une couleur au hasard]]
[[une]] (couleur ou deux)
[[bleu]]
[[jaune]]
[[orange]]
[[rouge]]
[[vert]]
[[violet]]
</tab>

<tab techniques>
!3 -- [[techniques]]
[[métiers]]
[[enluminure]]
[[vitrail]]
[[nouveaux métiers]]
[[espace colorimétrique]]
[[saturation]]
[[RGB]]
[[dénomination]]
</tab>

<tab Voir aussi>
!4 -- [[Voir aussi]]
[[peintures]]
*[[Rubens]]
*[[Géricault]]
*[[Turner]]
*[[Bridgman]]
*[[Kandinsky]]
*[[Klein]]
[[Menu]]
[[glossaire]]
[[sites]]
[[À propos de ce site]]
</tab>

</tabs>
''Qu'est-ce que la couleur'' ? c'est tellement évident : on la [[voit|voir]], on la nomme. On la reconnaît : on la connaissait déjà.

Il est des [[teintes]], des nuances, des [[dénominations|dénomination]] rares : peu importe, on les classe plus ou moins intuitivement.
La représentation de toutes les couleurs du spectre n'est, elle, jamais intuitive. Les [[travailleurs|métiers]] de la couleur, stylistes, décorateurs, [[peintres|peintures]], [[webmestres|nouveaux métiers]] ... ont leurs outils et leur jargon, adapté à ce domaine si [[lumineux|lumière]] : la couleur.
[img[si tu le peins en rouge ...|http://14.media.tumblr.com/Tw6A5lHVFl32gi7aCZxNRNBwo1_400.jpg]]

La couleur est indissociable d'une //sensation// ; l'erreur est de croire qu'en quantifiant la fréquence de l'onde lumineuse, la quantité de mouvement du flux de [[photons|photo]], ou encore en localisant les neurones associés à sa détection ou à sa [[dénomination]], on en a tout dit.

<<tabs _qcq_couleur_ [[lumière]] [[lumière]] [[lumière]] [[teintes]] [[teintes]] [[teintes]] [[primaires]] [[primaires]] [[primaires]] [[blanc]] [[blanc]] [[blanc]] [[noir]] [[noir]] [[noir]] [[harmonie]] [[harmonie]] [[harmonie]]  Ok Ok Ok>>
''RGB'', red green blue, en français RVB (rouge, vert bleu) est le sigle désignant un système d'[[encodage|espace colorimétrique]] des teintes.
Un autre système est désigné par ''CYMK'' cyan, magenta, yellow, key (black), CMJN (cyan*, magenta, [[jaune]] et [[noir]]) est utilisé en [[synthèse soustractive|primaires]] 

Pour RGB, le code hexadécimal, qui prend des valeurs de 00 à 99, puis de AA à FF, représente 256 possibilités par couleur primaire :
*000000 : [[noir]]
*~FF0000 : rouge 
*00FF00 : vert
*0000FF : bleu
*FFFFFF : [[blanc]], addition des trois couleurs primaires.
En les combinant, on obtient en théorie 16 777 216 nuances différentes. Le rendu par les outils de retouche photo ou de dessin sur un écran d'ordinateur atteint théoriquement ce niveau ; les navigateurs Internet sont nettement plus limités, en standard c'est 6 * 6 * 6 = 216 couleurs.

Exemple du rouge :
|RVB 	|(r, v, b) 	|(255, 0, 0)|
|Triplet hexa. 	|~FF0000 |(idem)|
|CMJN* 	|(c, m, j, n) 	|(0, 100%, 100%, 0)|
-* cyan : nuance de bleu-vert, complément du rouge du RGB
magenta : nuance de rouge pourpre


//[[techniques]]//
''Rubens'' est moderne en ce qu'il parvient à créer, en dehors des commandes de l'Église, des corporations ou des nobles, des tableaux où il met en scène la vie de son époque ou même sa propre vie.
Rubens et Isabella Brandt
[img[Rubens et Isabella Brandt|http://www.cosmovisions.com/images/RubensBrandt.jpg]]
Peter Paul ''Rubens'', danse paysanne
[img[Rubens, danse paysanne|http://www.abcgallery.com/R/rubens/rubens48.jpg]]


//[[peintures]]//
<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY" "journal">><<saveChanges>><<tiddler TspotSidebar>><<slider chkSliderOptionsPanel OptionsPanel "options »" "Change TiddlyWiki advanced options">>
<<tabs aha [[mes sites persos]]  [[mes sites persos]] [[mes sites persos]] >>
<<tabs txtMainTab "Menu" "Menu" [[Menu]] "Timeline" "Timeline" TabTimeline "All" "All tiddlers" TabAll "Tags" "All tags" TabTags "More" "More lists" TabMore "Ok" "Ok" [[Ok]]>>
découverte et rouge
couleur! [img[http://i471.photobucket.com/albums/rr79/methodood/ora_vert.jpg]]
/***
Description: Contains the stuff you need to use Tiddlyspot
Note, you also need UploadPlugin, PasswordOptionPlugin and LoadRemoteFileThroughProxy
from http://tiddlywiki.bidix.info for a complete working Tiddlyspot site.
***/
//{{{

// edit this if you are migrating sites or retrofitting an existing TW
config.tiddlyspotSiteId = 'couleur';

// make it so you can by default see edit controls via http
config.options.chkHttpReadOnly = false;
window.readOnly = false; // make sure of it (for tw 2.2)
window.showBackstage = true; // show backstage too

// disable autosave in d3
if (window.location.protocol != "file:")
	config.options.chkGTDLazyAutoSave = false;

// tweak shadow tiddlers to add upload button, password entry box etc
with (config.shadowTiddlers) {
	SiteUrl = 'http://'+config.tiddlyspotSiteId+'.tiddlyspot.com';
	SideBarOptions = SideBarOptions.replace(/(<<saveChanges>>)/,"$1<<tiddler TspotSidebar>>");
	OptionsPanel = OptionsPanel.replace(/^/,"<<tiddler TspotOptions>>");
	DefaultTiddlers = DefaultTiddlers.replace(/^/,"[[WelcomeToTiddlyspot]] ");
	MainMenu = MainMenu.replace(/^/,"[[WelcomeToTiddlyspot]] ");
}

// create some shadow tiddler content
merge(config.shadowTiddlers,{

'WelcomeToTiddlyspot':[
 "This document is a ~TiddlyWiki from tiddlyspot.com.  A ~TiddlyWiki is an electronic notebook that is great for managing todo lists, personal information, and all sorts of things.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //What now?// &nbsp;&nbsp;@@ Before you can save any changes, you need to enter your password in the form below.  Then configure privacy and other site settings at your [[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]] (your control panel username is //" + config.tiddlyspotSiteId + "//).",
 "<<tiddler TspotControls>>",
 "See also GettingStarted.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Working online// &nbsp;&nbsp;@@ You can edit this ~TiddlyWiki right now, and save your changes using the \"save to web\" button in the column on the right.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Working offline// &nbsp;&nbsp;@@ A fully functioning copy of this ~TiddlyWiki can be saved onto your hard drive or USB stick.  You can make changes and save them locally without being connected to the Internet.  When you're ready to sync up again, just click \"upload\" and your ~TiddlyWiki will be saved back to tiddlyspot.com.",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Help!// &nbsp;&nbsp;@@ Find out more about ~TiddlyWiki at [[TiddlyWiki.com|http://tiddlywiki.com]].  Also visit [[TiddlyWiki.org|http://tiddlywiki.org]] for documentation on learning and using ~TiddlyWiki. New users are especially welcome on the [[TiddlyWiki mailing list|http://groups.google.com/group/TiddlyWiki]], which is an excellent place to ask questions and get help.  If you have a tiddlyspot related problem email [[tiddlyspot support|mailto:support@tiddlyspot.com]].",
 "",
 "@@font-weight:bold;font-size:1.3em;color:#444; //Enjoy :)// &nbsp;&nbsp;@@ We hope you like using your tiddlyspot.com site.  Please email [[feedback@tiddlyspot.com|mailto:feedback@tiddlyspot.com]] with any comments or suggestions."
].join("\n"),

'TspotControls':[
 "| tiddlyspot password:|<<option pasUploadPassword>>|",
 "| site management:|<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . .  " + config.tiddlyspotSiteId + ">>//(requires tiddlyspot password)//<br>[[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]], [[download (go offline)|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download]]|",
 "| links:|[[tiddlyspot.com|http://tiddlyspot.com/]], [[FAQs|http://faq.tiddlyspot.com/]], [[blog|http://tiddlyspot.blogspot.com/]], email [[support|mailto:support@tiddlyspot.com]] & [[feedback|mailto:feedback@tiddlyspot.com]], [[donate|http://tiddlyspot.com/?page=donate]]|"
].join("\n"),

'TspotSidebar':[
 "<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . .  " + config.tiddlyspotSiteId + ">><html><a href='http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download' class='button'>download</a></html>"
].join("\n"),

'TspotOptions':[
 "tiddlyspot password:",
 "<<option pasUploadPassword>>",
 ""
].join("\n")

});
//}}}
The Fighting Téméraire tugged to her last Berth to be broken, William ''Turner''
[img[Fighting Téméraire, Turner|http://upload.wikimedia.org/wikipedia/commons/archive/9/94/20061025082358%21Turner%2C_J._M._W._-_The_Fighting_T%C3%A9m%C3%A9raire_tugged_to_her_last_Berth_to_be_broken.jpg]]


//[[peintures]]//
|//Un petit garçon est venu me voir tout à l'heure<br>Avec des crayons et du papier<br> Il m'a dit je veux dessiner un homme en couleur<br>Dis-moi comment le colorier<br>Je voudrais qu'il soit pareil que moi quand je serai grand<br> Libre, très fort et heureux<br> Faut-il le peindre en bleu, en noir ou en blanc <br>Pour qu'il soit comme je le veux<br>...// |//Si tu le peins en bleu, fils<br>Il ne te ressemblera guère <br>Si tu le peins en rouge, fils<br> On viendra lui voler sa terre<br> Si tu le peins en jaune mon fils<br> Il aura faim toute sa pauvre vie <br>Si tu le peins en [[noir]] fils<br> Plus de liberté pour lui//<br> Hugues Aufray, les crayons de couleur|bgcolor(#ff0000): [[rouge]] |
|~|~|bgcolor(#FF7F00): [[orange]] |
|~|~|bgcolor(#FFFF00): [[jaune]] |
|~|~|bgcolor(#00FF00): [[vert]] |
|~|~|bgcolor(#5555FF): [[bleu]] |
|~|~|bgcolor(#7F00CF): [[violet]] |

[[Une|une]] couleur ... ou deux!

<<tabs _hasard_
[[une]] [[une]] [[une]] [[bleu]] [[bleu]] [[bleu]] [[jaune]] [[jaune]] [[jaune]] [[orange]] [[orange]] [[orange]] [[rouge]] [[rouge]] [[rouge]] [[vert]] [[vert]] [[vert]] [[violet]] [[violet]] [[violet]] Ok Ok Ok >>
| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |
| 29/01/2009 16:46:43 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 30/01/2009 23:17:49 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 31/01/2009 18:39:32 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 01/02/2009 10:46:15 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 01/02/2009 21:24:47 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 01/02/2009 21:37:31 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 07/04/2009 22:31:52 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 15/05/2009 21:27:26 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . |
| 28/08/2009 21:14:16 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . | ok |
| 27/03/2010 20:45:00 | H_man | [[couleur.html|file:///C:/Users/Robin/Documents/2009/couleur.html]] | [[store.cgi|http://couleur.tiddlyspot.com/store.cgi]] | . | [[index.html | http://couleur.tiddlyspot.com/index.html]] | . |
/***
|''Name:''|UploadPlugin|
|''Description:''|Save to web a TiddlyWiki|
|''Version:''|4.1.3|
|''Date:''|Feb 24, 2008|
|''Source:''|http://tiddlywiki.bidix.info/#UploadPlugin|
|''Documentation:''|http://tiddlywiki.bidix.info/#UploadPluginDoc|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0|
|''Requires:''|PasswordOptionPlugin|
***/
//{{{
version.extensions.UploadPlugin = {
	major: 4, minor: 1, revision: 3,
	date: new Date("Feb 24, 2008"),
	source: 'http://tiddlywiki.bidix.info/#UploadPlugin',
	author: 'BidiX (BidiX (at) bidix (dot) info',
	coreVersion: '2.2.0'
};

//
// Environment
//

if (!window.bidix) window.bidix = {}; // bidix namespace
bidix.debugMode = false;	// true to activate both in Plugin and UploadService
	
//
// Upload Macro
//

config.macros.upload = {
// default values
	defaultBackupDir: '',	//no backup
	defaultStoreScript: "store.php",
	defaultToFilename: "index.html",
	defaultUploadDir: ".",
	authenticateUser: true	// UploadService Authenticate User
};
	
config.macros.upload.label = {
	promptOption: "Save and Upload this TiddlyWiki with UploadOptions",
	promptParamMacro: "Save and Upload this TiddlyWiki in %0",
	saveLabel: "save to web", 
	saveToDisk: "save to disk",
	uploadLabel: "upload"	
};

config.macros.upload.messages = {
	noStoreUrl: "No store URL in parmeters or options",
	usernameOrPasswordMissing: "Username or password missing"
};

config.macros.upload.handler = function(place,macroName,params) {
	if (readOnly)
		return;
	var label;
	if (document.location.toString().substr(0,4) == "http") 
		label = this.label.saveLabel;
	else
		label = this.label.uploadLabel;
	var prompt;
	if (params[0]) {
		prompt = this.label.promptParamMacro.toString().format([this.destFile(params[0], 
			(params[1] ? params[1]:bidix.basename(window.location.toString())), params[3])]);
	} else {
		prompt = this.label.promptOption;
	}
	createTiddlyButton(place, label, prompt, function() {config.macros.upload.action(params);}, null, null, this.accessKey);
};

config.macros.upload.action = function(params)
{
		// for missing macro parameter set value from options
		if (!params) params = {};
		var storeUrl = params[0] ? params[0] : config.options.txtUploadStoreUrl;
		var toFilename = params[1] ? params[1] : config.options.txtUploadFilename;
		var backupDir = params[2] ? params[2] : config.options.txtUploadBackupDir;
		var uploadDir = params[3] ? params[3] : config.options.txtUploadDir;
		var username = params[4] ? params[4] : config.options.txtUploadUserName;
		var password = config.options.pasUploadPassword; // for security reason no password as macro parameter	
		// for still missing parameter set default value
		if ((!storeUrl) && (document.location.toString().substr(0,4) == "http")) 
			storeUrl = bidix.dirname(document.location.toString())+'/'+config.macros.upload.defaultStoreScript;
		if (storeUrl.substr(0,4) != "http")
			storeUrl = bidix.dirname(document.location.toString()) +'/'+ storeUrl;
		if (!toFilename)
			toFilename = bidix.basename(window.location.toString());
		if (!toFilename)
			toFilename = config.macros.upload.defaultToFilename;
		if (!uploadDir)
			uploadDir = config.macros.upload.defaultUploadDir;
		if (!backupDir)
			backupDir = config.macros.upload.defaultBackupDir;
		// report error if still missing
		if (!storeUrl) {
			alert(config.macros.upload.messages.noStoreUrl);
			clearMessage();
			return false;
		}
		if (config.macros.upload.authenticateUser && (!username || !password)) {
			alert(config.macros.upload.messages.usernameOrPasswordMissing);
			clearMessage();
			return false;
		}
		bidix.upload.uploadChanges(false,null,storeUrl, toFilename, uploadDir, backupDir, username, password); 
		return false; 
};

config.macros.upload.destFile = function(storeUrl, toFilename, uploadDir) 
{
	if (!storeUrl)
		return null;
		var dest = bidix.dirname(storeUrl);
		if (uploadDir && uploadDir != '.')
			dest = dest + '/' + uploadDir;
		dest = dest + '/' + toFilename;
	return dest;
};

//
// uploadOptions Macro
//

config.macros.uploadOptions = {
	handler: function(place,macroName,params) {
		var wizard = new Wizard();
		wizard.createWizard(place,this.wizardTitle);
		wizard.addStep(this.step1Title,this.step1Html);
		var markList = wizard.getElement("markList");
		var listWrapper = document.createElement("div");
		markList.parentNode.insertBefore(listWrapper,markList);
		wizard.setValue("listWrapper",listWrapper);
		this.refreshOptions(listWrapper,false);
		var uploadCaption;
		if (document.location.toString().substr(0,4) == "http") 
			uploadCaption = config.macros.upload.label.saveLabel;
		else
			uploadCaption = config.macros.upload.label.uploadLabel;
		
		wizard.setButtons([
				{caption: uploadCaption, tooltip: config.macros.upload.label.promptOption, 
					onClick: config.macros.upload.action},
				{caption: this.cancelButton, tooltip: this.cancelButtonPrompt, onClick: this.onCancel}
				
			]);
	},
	options: [
		"txtUploadUserName",
		"pasUploadPassword",
		"txtUploadStoreUrl",
		"txtUploadDir",
		"txtUploadFilename",
		"txtUploadBackupDir",
		"chkUploadLog",
		"txtUploadLogMaxLine"		
	],
	refreshOptions: function(listWrapper) {
		var opts = [];
		for(i=0; i<this.options.length; i++) {
			var opt = {};
			opts.push();
			opt.option = "";
			n = this.options[i];
			opt.name = n;
			opt.lowlight = !config.optionsDesc[n];
			opt.description = opt.lowlight ? this.unknownDescription : config.optionsDesc[n];
			opts.push(opt);
		}
		var listview = ListView.create(listWrapper,opts,this.listViewTemplate);
		for(n=0; n<opts.length; n++) {
			var type = opts[n].name.substr(0,3);
			var h = config.macros.option.types[type];
			if (h && h.create) {
				h.create(opts[n].colElements['option'],type,opts[n].name,opts[n].name,"no");
			}
		}
		
	},
	onCancel: function(e)
	{
		backstage.switchTab(null);
		return false;
	},
	
	wizardTitle: "Upload with options",
	step1Title: "These options are saved in cookies in your browser",
	step1Html: "<input type='hidden' name='markList'></input><br>",
	cancelButton: "Cancel",
	cancelButtonPrompt: "Cancel prompt",
	listViewTemplate: {
		columns: [
			{name: 'Description', field: 'description', title: "Description", type: 'WikiText'},
			{name: 'Option', field: 'option', title: "Option", type: 'String'},
			{name: 'Name', field: 'name', title: "Name", type: 'String'}
			],
		rowClasses: [
			{className: 'lowlight', field: 'lowlight'} 
			]}
};

//
// upload functions
//

if (!bidix.upload) bidix.upload = {};

if (!bidix.upload.messages) bidix.upload.messages = {
	//from saving
	invalidFileError: "The original file '%0' does not appear to be a valid TiddlyWiki",
	backupSaved: "Backup saved",
	backupFailed: "Failed to upload backup file",
	rssSaved: "RSS feed uploaded",
	rssFailed: "Failed to upload RSS feed file",
	emptySaved: "Empty template uploaded",
	emptyFailed: "Failed to upload empty template file",
	mainSaved: "Main TiddlyWiki file uploaded",
	mainFailed: "Failed to upload main TiddlyWiki file. Your changes have not been saved",
	//specific upload
	loadOriginalHttpPostError: "Can't get original file",
	aboutToSaveOnHttpPost: 'About to upload on %0 ...',
	storePhpNotFound: "The store script '%0' was not found."
};

bidix.upload.uploadChanges = function(onlyIfDirty,tiddlers,storeUrl,toFilename,uploadDir,backupDir,username,password)
{
	var callback = function(status,uploadParams,original,url,xhr) {
		if (!status) {
			displayMessage(bidix.upload.messages.loadOriginalHttpPostError);
			return;
		}
		if (bidix.debugMode) 
			alert(original.substr(0,500)+"\n...");
		// Locate the storeArea div's 
		var posDiv = locateStoreArea(original);
		if((posDiv[0] == -1) || (posDiv[1] == -1)) {
			alert(config.messages.invalidFileError.format([localPath]));
			return;
		}
		bidix.upload.uploadRss(uploadParams,original,posDiv);
	};
	
	if(onlyIfDirty && !store.isDirty())
		return;
	clearMessage();
	// save on localdisk ?
	if (document.location.toString().substr(0,4) == "file") {
		var path = document.location.toString();
		var localPath = getLocalPath(path);
		saveChanges();
	}
	// get original
	var uploadParams = new Array(storeUrl,toFilename,uploadDir,backupDir,username,password);
	var originalPath = document.location.toString();
	// If url is a directory : add index.html
	if (originalPath.charAt(originalPath.length-1) == "/")
		originalPath = originalPath + "index.html";
	var dest = config.macros.upload.destFile(storeUrl,toFilename,uploadDir);
	var log = new bidix.UploadLog();
	log.startUpload(storeUrl, dest, uploadDir,  backupDir);
	displayMessage(bidix.upload.messages.aboutToSaveOnHttpPost.format([dest]));
	if (bidix.debugMode) 
		alert("about to execute Http - GET on "+originalPath);
	var r = doHttp("GET",originalPath,null,null,username,password,callback,uploadParams,null);
	if (typeof r == "string")
		displayMessage(r);
	return r;
};

bidix.upload.uploadRss = function(uploadParams,original,posDiv) 
{
	var callback = function(status,params,responseText,url,xhr) {
		if(status) {
			var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:")));
			displayMessage(bidix.upload.messages.rssSaved,bidix.dirname(url)+'/'+destfile);
			bidix.upload.uploadMain(params[0],params[1],params[2]);
		} else {
			displayMessage(bidix.upload.messages.rssFailed);			
		}
	};
	// do uploadRss
	if(config.options.chkGenerateAnRssFeed) {
		var rssPath = uploadParams[1].substr(0,uploadParams[1].lastIndexOf(".")) + ".xml";
		var rssUploadParams = new Array(uploadParams[0],rssPath,uploadParams[2],'',uploadParams[4],uploadParams[5]);
		var rssString = generateRss();
		// no UnicodeToUTF8 conversion needed when location is "file" !!!
		if (document.location.toString().substr(0,4) != "file")
			rssString = convertUnicodeToUTF8(rssString);	
		bidix.upload.httpUpload(rssUploadParams,rssString,callback,Array(uploadParams,original,posDiv));
	} else {
		bidix.upload.uploadMain(uploadParams,original,posDiv);
	}
};

bidix.upload.uploadMain = function(uploadParams,original,posDiv) 
{
	var callback = function(status,params,responseText,url,xhr) {
		var log = new bidix.UploadLog();
		if(status) {
			// if backupDir specified
			if ((params[3]) && (responseText.indexOf("backupfile:") > -1))  {
				var backupfile = responseText.substring(responseText.indexOf("backupfile:")+11,responseText.indexOf("\n", responseText.indexOf("backupfile:")));
				displayMessage(bidix.upload.messages.backupSaved,bidix.dirname(url)+'/'+backupfile);
			}
			var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:")));
			displayMessage(bidix.upload.messages.mainSaved,bidix.dirname(url)+'/'+destfile);
			store.setDirty(false);
			log.endUpload("ok");
		} else {
			alert(bidix.upload.messages.mainFailed);
			displayMessage(bidix.upload.messages.mainFailed);
			log.endUpload("failed");			
		}
	};
	// do uploadMain
	var revised = bidix.upload.updateOriginal(original,posDiv);
	bidix.upload.httpUpload(uploadParams,revised,callback,uploadParams);
};

bidix.upload.httpUpload = function(uploadParams,data,callback,params)
{
	var localCallback = function(status,params,responseText,url,xhr) {
		url = (url.indexOf("nocache=") < 0 ? url : url.substring(0,url.indexOf("nocache=")-1));
		if (xhr.status == 404)
			alert(bidix.upload.messages.storePhpNotFound.format([url]));
		if ((bidix.debugMode) || (responseText.indexOf("Debug mode") >= 0 )) {
			alert(responseText);
			if (responseText.indexOf("Debug mode") >= 0 )
				responseText = responseText.substring(responseText.indexOf("\n\n")+2);
		} else if (responseText.charAt(0) != '0') 
			alert(responseText);
		if (responseText.charAt(0) != '0')
			status = null;
		callback(status,params,responseText,url,xhr);
	};
	// do httpUpload
	var boundary = "---------------------------"+"AaB03x";	
	var uploadFormName = "UploadPlugin";
	// compose headers data
	var sheader = "";
	sheader += "--" + boundary + "\r\nContent-disposition: form-data; name=\"";
	sheader += uploadFormName +"\"\r\n\r\n";
	sheader += "backupDir="+uploadParams[3] +
				";user=" + uploadParams[4] +
				";password=" + uploadParams[5] +
				";uploaddir=" + uploadParams[2];
	if (bidix.debugMode)
		sheader += ";debug=1";
	sheader += ";;\r\n"; 
	sheader += "\r\n" + "--" + boundary + "\r\n";
	sheader += "Content-disposition: form-data; name=\"userfile\"; filename=\""+uploadParams[1]+"\"\r\n";
	sheader += "Content-Type: text/html;charset=UTF-8" + "\r\n";
	sheader += "Content-Length: " + data.length + "\r\n\r\n";
	// compose trailer data
	var strailer = new String();
	strailer = "\r\n--" + boundary + "--\r\n";
	data = sheader + data + strailer;
	if (bidix.debugMode) alert("about to execute Http - POST on "+uploadParams[0]+"\n with \n"+data.substr(0,500)+ " ... ");
	var r = doHttp("POST",uploadParams[0],data,"multipart/form-data; ;charset=UTF-8; boundary="+boundary,uploadParams[4],uploadParams[5],localCallback,params,null);
	if (typeof r == "string")
		displayMessage(r);
	return r;
};

// same as Saving's updateOriginal but without convertUnicodeToUTF8 calls
bidix.upload.updateOriginal = function(original, posDiv)
{
	if (!posDiv)
		posDiv = locateStoreArea(original);
	if((posDiv[0] == -1) || (posDiv[1] == -1)) {
		alert(config.messages.invalidFileError.format([localPath]));
		return;
	}
	var revised = original.substr(0,posDiv[0] + startSaveArea.length) + "\n" +
				store.allTiddlersAsHtml() + "\n" +
				original.substr(posDiv[1]);
	var newSiteTitle = getPageTitle().htmlEncode();
	revised = revised.replaceChunk("<title"+">","</title"+">"," " + newSiteTitle + " ");
	revised = updateMarkupBlock(revised,"PRE-HEAD","MarkupPreHead");
	revised = updateMarkupBlock(revised,"POST-HEAD","MarkupPostHead");
	revised = updateMarkupBlock(revised,"PRE-BODY","MarkupPreBody");
	revised = updateMarkupBlock(revised,"POST-SCRIPT","MarkupPostBody");
	return revised;
};

//
// UploadLog
// 
// config.options.chkUploadLog :
//		false : no logging
//		true : logging
// config.options.txtUploadLogMaxLine :
//		-1 : no limit
//      0 :  no Log lines but UploadLog is still in place
//		n :  the last n lines are only kept
//		NaN : no limit (-1)

bidix.UploadLog = function() {
	if (!config.options.chkUploadLog) 
		return; // this.tiddler = null
	this.tiddler = store.getTiddler("UploadLog");
	if (!this.tiddler) {
		this.tiddler = new Tiddler();
		this.tiddler.title = "UploadLog";
		this.tiddler.text = "| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |";
		this.tiddler.created = new Date();
		this.tiddler.modifier = config.options.txtUserName;
		this.tiddler.modified = new Date();
		store.addTiddler(this.tiddler);
	}
	return this;
};

bidix.UploadLog.prototype.addText = function(text) {
	if (!this.tiddler)
		return;
	// retrieve maxLine when we need it
	var maxLine = parseInt(config.options.txtUploadLogMaxLine,10);
	if (isNaN(maxLine))
		maxLine = -1;
	// add text
	if (maxLine != 0) 
		this.tiddler.text = this.tiddler.text + text;
	// Trunck to maxLine
	if (maxLine >= 0) {
		var textArray = this.tiddler.text.split('\n');
		if (textArray.length > maxLine + 1)
			textArray.splice(1,textArray.length-1-maxLine);
			this.tiddler.text = textArray.join('\n');		
	}
	// update tiddler fields
	this.tiddler.modifier = config.options.txtUserName;
	this.tiddler.modified = new Date();
	store.addTiddler(this.tiddler);
	// refresh and notifiy for immediate update
	story.refreshTiddler(this.tiddler.title);
	store.notify(this.tiddler.title, true);
};

bidix.UploadLog.prototype.startUpload = function(storeUrl, toFilename, uploadDir,  backupDir) {
	if (!this.tiddler)
		return;
	var now = new Date();
	var text = "\n| ";
	var filename = bidix.basename(document.location.toString());
	if (!filename) filename = '/';
	text += now.formatString("0DD/0MM/YYYY 0hh:0mm:0ss") +" | ";
	text += config.options.txtUserName + " | ";
	text += "[["+filename+"|"+location + "]] |";
	text += " [[" + bidix.basename(storeUrl) + "|" + storeUrl + "]] | ";
	text += uploadDir + " | ";
	text += "[[" + bidix.basename(toFilename) + " | " +toFilename + "]] | ";
	text += backupDir + " |";
	this.addText(text);
};

bidix.UploadLog.prototype.endUpload = function(status) {
	if (!this.tiddler)
		return;
	this.addText(" "+status+" |");
};

//
// Utilities
// 

bidix.checkPlugin = function(plugin, major, minor, revision) {
	var ext = version.extensions[plugin];
	if (!
		(ext  && 
			((ext.major > major) || 
			((ext.major == major) && (ext.minor > minor))  ||
			((ext.major == major) && (ext.minor == minor) && (ext.revision >= revision))))) {
			// write error in PluginManager
			if (pluginInfo)
				pluginInfo.log.push("Requires " + plugin + " " + major + "." + minor + "." + revision);
			eval(plugin); // generate an error : "Error: ReferenceError: xxxx is not defined"
	}
};

bidix.dirname = function(filePath) {
	if (!filePath) 
		return;
	var lastpos;
	if ((lastpos = filePath.lastIndexOf("/")) != -1) {
		return filePath.substring(0, lastpos);
	} else {
		return filePath.substring(0, filePath.lastIndexOf("\\"));
	}
};

bidix.basename = function(filePath) {
	if (!filePath) 
		return;
	var lastpos;
	if ((lastpos = filePath.lastIndexOf("#")) != -1) 
		filePath = filePath.substring(0, lastpos);
	if ((lastpos = filePath.lastIndexOf("/")) != -1) {
		return filePath.substring(lastpos + 1);
	} else
		return filePath.substring(filePath.lastIndexOf("\\")+1);
};

bidix.initOption = function(name,value) {
	if (!config.options[name])
		config.options[name] = value;
};

//
// Initializations
//

// require PasswordOptionPlugin 1.0.1 or better
bidix.checkPlugin("PasswordOptionPlugin", 1, 0, 1);

// styleSheet
setStylesheet('.txtUploadStoreUrl, .txtUploadBackupDir, .txtUploadDir {width: 22em;}',"uploadPluginStyles");

//optionsDesc
merge(config.optionsDesc,{
	txtUploadStoreUrl: "Url of the UploadService script (default: store.php)",
	txtUploadFilename: "Filename of the uploaded file (default: in index.html)",
	txtUploadDir: "Relative Directory where to store the file (default: . (downloadService directory))",
	txtUploadBackupDir: "Relative Directory where to backup the file. If empty no backup. (default: ''(empty))",
	txtUploadUserName: "Upload Username",
	pasUploadPassword: "Upload Password",
	chkUploadLog: "do Logging in UploadLog (default: true)",
	txtUploadLogMaxLine: "Maximum of lines in UploadLog (default: 10)"
});

// Options Initializations
bidix.initOption('txtUploadStoreUrl','');
bidix.initOption('txtUploadFilename','');
bidix.initOption('txtUploadDir','');
bidix.initOption('txtUploadBackupDir','');
bidix.initOption('txtUploadUserName','');
bidix.initOption('pasUploadPassword','');
bidix.initOption('chkUploadLog',true);
bidix.initOption('txtUploadLogMaxLine','10');


// Backstage
merge(config.tasks,{
	uploadOptions: {text: "upload", tooltip: "Change UploadOptions and Upload", content: '<<uploadOptions>>'}
});
config.backstageTasks.push("uploadOptions");


//}}}

<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>

<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
[[voir]] : qu'est-ce que voir ?
[[peintures]]
[[Menu]]
[[glossaire]]
[[sites]]
[[À propos de ce site]]
<<tabs _voir_aussi_ [[peintures]] [[peintures]] [[peintures]] [[Menu]] [[Menu]] [[Menu]] [[glossaire]] [[glossaire]] [[glossaire]] [[sites]]  [[sites]] [[sites]] [[À propos de ce site]] [[À propos de ce site]] [[À propos de ce site]] Ok Ok Ok>>
Le World Wide Web Consortium (''~W3C'') est une organisation qui développe et promeut les standards du web que sont HTML, XML, URL, &c. :
*HTML, //hyper text markup language//, est le langage de description des pages de tout site web. Il se construit à l'aide de balises qui encadrent un segment de texte et indiquent ses propriétés.
*XML, //extended markup language//, est le langage d'échange de données qui tend à un usage généralisé.
*un URL, //uniform resource locator//, est l'adresse d'un site web (exemple pour le ~W3C : http://www.w3.org/)
Les règles de codification des [[couleurs|Qu'est-ce que la couleur]], pour l'affichage sur un navigateur Internet, sont aussi de leur ressort.
Le ''blanc'' représente l'absolu de la couleur. L'éblouissement, l'aveuglement : il ne s'apprécie que protégé par une certaine dose de [[noir]], un équilibre de contrastes.

Des couleurs mélangées sur un disque en rotation (disque de Newton) donnent une impression visuelle de blanc. La [[lumière]] blanche, réfractée par un <<slider prisme [[prisme]] prisme>>, un jet d'eau ou l'atmosphère donne un arc-en-ciel : le spectre des couleurs se déploie.
[img[arc-en-ciel|http://farm4.static.flickr.com/3077/3117760943_1341626f6b.jpg?v=0]]

Newton en a déduit que la lumière (blanche) est une composition de couleurs, tandis que [[Goethe]] soutenait que la lumière est un élément pur ...
[img[Louis Pasteur bleu|http://philatelie.aucoeurdelatoile.com/images/pasteur/bleu-50c.jpg]] Le ''bleu'' se fait désirer. L'oeil est attiré d'une façon spéciale : il ressort presque plus que le rouge ou le jaune.

Le parapluie bleu (via groov3)
[img[Le parapluie bleu (via groov3)|http://farm1.static.flickr.com/42/105042701_114167d9ae.jpg?v=0]]

*Pigments bleus : végétaux avec la guède, l'indigotier, les anthocyanes (colorants alimentaires) ; minéraux, le lapis-lazuli, des oxydes et silicates de cuivre, le Bleu de Prusse.
*Dieux bleus : Krishna, dont le nom signifie bleu-noir.
<html><img src="http://images.exoticindiaart.com/panels/baby_krishna_wb39.jpg" width="350"></img></html>
''Chrome'' est le mot grec pour couleur : accord chromatique, roue chromatique, [[bleu monochrome|Klein]], sculpture polychrome, jaune de chrome.

[img[http://bertan.gipuzkoakultura.net/img/21/grandes/70.jpg]]
[img[http://thumb.visualizeus.com/thumbs/08/11/03/chopper,chrome-b1b6f008e62627ef867aa55b766b0514_m.jpg]]
On a donné ce nom à un métal brillant, mais dont les composés donnent de beaux jaunes ou rouges vifs.
Idée : Giffmex ; Source: http://www.ficml.org/jemimap/style/color/wheel.html 
<html><iframe name="content" src="http://www.ficml.org/jemimap/style/color/wheel.html" width=100% height=600></iframe></html>
Une grande liberté d'association ... voilà ce qui préside à l'invention d'un nouveau nom de couleur.

Le courant observé dans de nombreuses langues part des qualités premières des //éléments// : Air - Feu contre Terre - Eau.
- Clair - chaud (blanc - jaune - rouge) contre sombre - froid (noir - bleu - vert)
- "Jaune - rouge" se sépare du blanc
- "Bleu - vert", du noir, ensuite, et ces deux teintes sont les dernières à se séparer au niveau linguistique.

[img[noms aux couleurs by marineavoile|http://farm3.static.flickr.com/2300/2346975366_498ba214e6.jpg?v=0]]
"J'enviais celui dont le métier est de donner des noms aux couleurs" par marineavoile.

Les standards du W3C pour HTML et CSS n'offrent que16 noms de couleurs valides (les autres doivent être encodées) :
|!couleur|!anglais|!nuance standardisée|
|eau|aqua|bgcolor(#00FFFF):|
|noir|black|bgcolor(#000000):|
|bleu|blue|bgcolor(#0000FF):|
|rose fuchsia|fuchsia|bgcolor(#FF00FF):|
|gris|gray|bgcolor(#808080):|
|vert|green|bgcolor(#008000):|
|jaune citron|lime|bgcolor(#00FF00):|
|marron|maroon|bgcolor(#800000):|
|bleu marine|navy|bgcolor(#000080):|
|vert olive|olive|bgcolor(#808000):|
|pourpre|purple|bgcolor(#800080):|
|rouge|red|bgcolor(#FF0000):|
|argenté|silver|bgcolor(#C0C0C0):|
|bleu-vert|teal|bgcolor(#008080):|
|blanc|white|bgcolor(#FFFFFF):|
|jaune|yellow|bgcolor(#FFFF00):|

//Voir// le dictionnaire des noms de couleurs ([[pourpre.com |http://pourpre.com/chroma/index.php]]) : bouton d'or, brou de noix, bureau, cassis, charbon, châtaigne ...

//[[techniques]]//
//[[glossaire]]//

[img[enluminure|http://farm4.static.flickr.com/3522/3206579576_90c6480a4f.jpg?v=0]]
enluminure tarot cartes à jouer by neigerosenval


//[[techniques]]//
L'''espace'' : condition de la couleur. Pour qu'elle paraisse, se déploie, la lumière veut un parcours. Le plus simple va de l'objet à l'[[oeil]] et de l'oeil à l'objet, on s'est longtemps demandé qui avait commencé.

L'espace est, avec le temps, condition du mouvement. Le mouvement s'analyse avec de simples lois physiques, une mathématique facile depuis des siècles.
On a cru qu'il en était de même de la couleur. Mais elle ne se réduit pas à une longueur d'ondes : il faut en passer par tout l'être humain pour pouvoir en parler.
Un ''espace colorimétrique'', en anglais //color space//, est une manière de représenter les couleurs visibles pour l'[[oeil]] humain.
Il est possible d'en tirer un codage en fonction des coordonnées, cartésiennes ou polaires, selon les méthodes, de la nuance considérée.
Exemple de codage de couleurs :
*la teinte et sa saturation sont déterminées dans le rectangle de gauche
*la luminance (pourcentage de lumière) à droite
*les coordonnées [[TSL|saturation]] ([[teinte|teintes]], [[saturation]], [[lumière]]) et [[RVB|RGB]] (rouge, vert bleu) correspondent à deux espaces standardisés.
[img[codage des couleurs|http://upload.wikimedia.org/wikipedia/commons/3/3f/Codage_HSL.png]]
*Résumé :
| !synthèse|!additive (lumière : écrans) |!soustractive (pigments : imprimantes)|
|!coord. cartésiennes|[[RGB]] (RVB) |[[CYMK|RGB]] (CMJN)|
|!coord. polaires |[[HSV|saturation]] (TSL) ||
//Nota// : les différents espaces de couleur ne se recouvrent pas exactement : la conversion d'une notation à une autre n'est pas toujours possible.

[img[Munsell|http://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Munsell-system.svg/290px-Munsell-system.svg.png]]
Le système de Munsell avec : un cercle de teintes médianes, un axe de valeurs et les //"chromas"// bleu-violettes.


//[[techniques]]//
Ce ''glossaire'' peut aussi faire office de dictionnaire et d'index

|cartésiennes |coordonnées normées dans le plan ou selon des axes cosécants dans l'[[espace]]|
|[[CMJN|RGB]]|//CYMK//, [[espace de couleurs|espace colorimétrique]] soustractif|
|coordonnées |système de repérage par des nombres dans un espace |
|cyan|bleu-vert (couleur du cyanure) ; dans l'espace CMJN|
|[[hexadécimal|RGB]]|nombre codé en base 16 (chiffres de 0 à 9 puis de A à F)|
|[[logiciel]]|programme qui permet de traiter des informations, exemples pour les images, the Gimp ou Photoshop|
|magenta|nuance de rouge pourpre ; dans l'espace CMJN|
|[[primaires]]|couleurs de base d'un espace de couleurs|
|RVB|//[[RGB]]//,  espace de couleurs additif et cartésien|
|saturation|intensité de la couleur|
|secondaires|teintes obtenues en mélangeant deux couleurs primaires|
|spectre|en physique, analyse d'un rayonnement ou d'un signal selon son énergie, souvent traduit par ses ses [[fréquences|teintes]] ou longueurs d'onde|
|TSL |//[[HSV|saturation]]//, espace de couleurs basé sur des coordonnées polaires|
|W3C|WWW Consortium, organisme fixant les normes pour Internet|

[img[500pencils snake|http://www.designboom.com/cms/images/andrea01/pencils11.jpg]]

//[[Plan du site]]//
L'harmonie nous fait toucher la beauté.
L'''harmonie'' des couleurs procède de l'harmonie des sphères où roule le monde et nous y ramène.

[img[M&M's&Music&More by Rad/ical Phonix|http://farm4.static.flickr.com/3175/2541185453_e3f25f0d2d.jpg?v=0]]
M&M's&Music&More by Rad/ical Phonix. Inspired by Bree's candy-on-a-piano-keys shot 

L'approche de l'harmonie [[chromatique|chrome]] a des liens subtils avec les gammes musicales ; avec un 'je ne sais quoi' qu'on ressent plus qu'on ne l'explique. Des couleurs criardes, des tons qui ne vont pas ensemble, on s'en aperçoit bien plus vite (sauf pour certains).

Il s'établit des systèmes de conventions, variables dans le temps et l'[[espace]], selon les civilisations et les [[modes|querelle du coloris]]. Dans ces systèmes, l'harmonie des couleurs va de pair avec une palette des sentiments autorisés ou réprimés, valorisés ou craints.
Ainsi de nos jours, le deuil, la colère ou l'avidité pourraient être vus comme liés à des couleurs qui trouvent une connotation moins favorable, tout en restant très expressives ; la compassion, le respect de la nature, le soin du corps prennent du galon.
|[img[sorcière|http://farm4.static.flickr.com/3213/3141428443_993b2172f6.jpg?v=0]]|[img[lac|http://farm3.static.flickr.com/2136/2427885903_fc23125a4a.jpg?v=0]]|
|[img[just an orchid|http://farm1.static.flickr.com/176/472265382_cf86577519.jpg?v=0]]<br>Just an Orchid (via Graça Vargas´s flowers)|[img[Fisheye2-556 (via my f_cking photos)|http://farm4.static.flickr.com/3186/2925118486_672f9aeba1.jpg?v=0]]<br>Fisheye2-556 (via my f_cking photos)|
[img[bus du parc de Yellowstone (E.U.)|http://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Yellowstone_Park_Company_yellow_bus.JPG/120px-Yellowstone_Park_Company_yellow_bus.JPG]]  ''Jaune'' poussin, jaune d'oeuf, d'or, John Lennon, ligne jaune, c'est une couleur importante et charmante.

Paris un jour, Paris toujours... (via _Ben Martinez_)
[img[Paris un jour, Paris toujours... (via _Ben Martinez_)| http://farm4.static.flickr.com/3142/2564766837_09c60cde00.jpg?v=0]]

L'échantillonnage des couleurs d'une image peut montrer en quoi les contrastes font plus d'impression à l'oeil que la simple couleur pure : où est cette lumière dorée qui luisait ci-dessus ?

échantillon : www.hexday.com
[img[yellow sampler|http://i471.photobucket.com/albums/rr79/methodood/hex_jaune.png]]

On trouve des jaunes :
*minéraux : jaune de [[chrome]], jaune auréolin ou Auréoline, jaune de Hansa et ocre, orpiment (ou jaune royal, jaune de Perse et Orpin de Perse, jaune d'arsenic, or des fous...), les jaune de cobalt, jaune de zinc ou jaune bouton d'or, jaune de baryum ou jaune d'outremer, jaune de baryte, jaune de strontiane, jaune de turbith, jaune de momie ...
*végétaux : jaune safran et curcuma, jaune indien, Gomme gutte ou jaune du Cambodge, quercitrin et quercitron, ...
*de synthèse : azoïques.
Un logiciel de dessin ou de retouche photo propose de nombreux outils, disposés en palettes, afin de retraiter les formats, contours et couleurs.
[img[brosses sous Gimp|http://www.cedynamix.fr/wp-content/uploads/Ubuntu-brushes-gimp.jpg]]

Ainsi, pour les [[couleurs|teintes]], on dispose couramment de :

|baguette magique |sélection d'une région sur la base d'une couleur|
|sélection multiple |sélection de régions de couleur similaire|
|pipette |choix d'une couleur d'après un [[pixel]] de l'image|
|seau |remplissage d'une région avec une couleur ou un dégradé|
|pinceau |application d'une couleur à l'aide d'une brosse ou d'un aérographe|
|sélecteur |sélection d'une couleur dans un [[espace de couleurs|espace colorimétrique]]|

D'innombrables effets sont encore proposés pour analyser et retraiter les couleurs, contraster ou superposer les images en jouant avec la [[lumière]], mais aussi le grain, les inversions, &c.
//D'ailleurs en suis-je descendu
De tous ces jeux de transparence,
Ces fruits dans les plis des tissus
Qui balancent ?

J'ai trouvé d'autres choses à faire
Et d'autres sourires à croiser
Mais une aussi belle lumière
Jamais//
Francis Cabrel, la robe et l'échelle

S'il voyait la ''lumière'', se dit dieu, l'homme serait peut-être plus enclin à croire à l'amour.
Ou à la sagesse.
Le nom du chef des anges déchu, Lucifer, signifie "porte-lumière".

La lumière est composée de [[photons|photo]], particules ondoyantes qui transportent l'énergie électro-magnétique dans une gamme de fréquences particulières :
*celles qui impressionnent l'[[oeil]] humain ont droit au qualificatif de lumière, entre [[rouge]] et [[violet]]
*en-deçà du rouge, on est dans le domaine des infrarouges, chaleur à laquelle la peau est sensible, des micro-ondes et des ondes radio
*au-delà du violet, ce sont les ultraviolets, les rayons X et bien d'autres que nous ne ressentons pas consciemment.
[img[spectre des fréquences|http://www.inrs.fr/inrs-pub/inrs01.nsf/IntranetObject-accesParReference/Dossier%20Nuisances%20Physiques/$File/NuisPhysSpectreFreq.jpg]]

La majeure partie de la lumière qui nous parvient est celle du [[soleil]], reflétée par l'atmosphère, les objets environnants et la lune. Le reste provient de l'industrie humaine : feux, ampoules et rampes de néon, des météores, de la foudre, des volcans ou des étoiles.
L'utilisation de la lumière comme de la couleur est, aujourd'hui, [[industrielle|opto]], maîtrisée.

Isaac Newton a montré que la lumière blanche est perçue comme une combinaison des couleurs avec un disque composé de secteurs aux couleurs de l'[[arc-en-ciel|blanc]] : une fois en rotation rapide, le disque semble blanc.
<html><a href="http://cythere.tiddlyspot.com">Cythère voyages mythiques    </a>
<a href="http://dovecots.tumblr.com/"> Dovecotez & updwellingz  </a>
<a href="http://precession.tiddlyspot.com"> précession - tout sur la précession  </a>
<a href="http://toogood.tiddlyspot.com">Too Good ! tarot	   </a>
<a href="http://site.voila.fr/rosesjerusalem">Des roses rouges pour Jérusalem   </a>
<a href="http://apfyt.blogspot.com/">Ha'penny for you Thot   </a>
<a href="http://rvstman.tumblr.com/">SIP and clichés - statistically cliché   </a>
<a href="http://queneauddly.tiddlyspot.com">un conte à votre façon   </a>
<a href="http://lagazettedelarbre.tiddlyspot.com">La gazette de larbre   </a>
<a href="http://rostrata.tiddlyspot.com">association pour la découverte des rostres   </a>
<a href="http://couleur.tiddlyspot.com" > couleur! découverte et rouge	  </a>
<a href="http://methodood.tiddlyspot.com">Robin Hood - Robin + method : methodood     </a></html>
Les [[techniques]] traditionnelles de la [[couleur|Qu'est-ce que la couleur]] sont utilisées par une foule de ''métiers'', liés, par exemple, à la [[peinture|peintures]], l'imprimerie ou le [[vitrail]]. La charge [[symbolique|symboles]] des couleurs est forte.
Plus tard, vient s'ajouter la [[photographie|photo]] argentique et le film (pellicules sensibles).

[img[l'imprimerie royale|http://www.etab.ac-caen.fr/sevigne/peda/com/c0203/kd1/imprimerie.jpg]]
Le point commun de tous ces artisans est de disposer d'une expérience de la couleur basée sur des pigments, des liants, des textures, des recettes : la théorie n'est venue qu'après, avec des touche-à-tout de génie comme Isaac Newton ou Johann Wolfgang von [[Goethe]]. Ces scientifiques se sont intéressés à la couleur :
    * Michel Eugène Chevreul
    * Louis Arthur Ducos du Hauron
    * Edwin H. Land (photographie instantanée)
    * Auguste and Louis Lumière (cinéma)
    * James Clerk Maxwell
    * Erwin Schrödinger
    * Thomas Young (diffraction)

Avant même le Moyen-Âge, la peinture des tableaux de commande a très tôt imposé des effets à même de valoriser et de glorifier les sujets : transparences, dorures, lapis-lazuli et matériaux précieux.

L'autre point commun est l'approche [[soustractive|primaires]]  imposée par la superposition ou le mélange des pigments. 

//[[techniques]]//
|bgcolor(#000000):  .................................................... <br><br> <br> <br><br> <br> <br> <br>|
<br><br> <br> <br><br> <br> <br> <br>

Le noir ne reflète rien et absorbe tout. Le noir absolu n'existe pas, bien que l'expansion de l'univers doive, selon l'état actuel de la science, nous y conduire.

L'obscurité est une condition de la perception de la [[lumière]] : les sens ne fonctionnent qu'en percevant des contrastes.

* Pigments noirs d'origine animale : noir d'ivoire, noir d'os, noir de bois de cerf, noir de rhinocéros, noir de laine,
* Pigments noirs d'origine végétale : noir de vigne, noir de campêche, noir de fumée ou noir de suie, noir de lampe, noir obtenu par pyrogravure (bois brûlé), noir de fusain, noir de l'encre de Chine
* Pigments noirs d'origine minérale : noirs de vase, khôl, noir de Prusse, terre de Cassel, bitume, poudre de plomb (toxique)
* Pigments noirs d'origine chimique ou synthétique : noir de Mars ou noir de fer (oxyde de fer), noir de manganèse (oxyde et dioxyde de manganèse), noir de carbone.
Les travailleurs de la couleur, stylistes, décorateurs, peintres, avaient déjà leurs outils et leur jargon.
Avec la révolution numérique qui touche la [[photo]], le film, et le graphisme sur ordinateur, de ''nouveaux métiers'' apparaissent.
Le plus en vue peut-être aujourd'hui, //webmestre//, ne peut masquer qu'il s'agit d'un touche-à-tout qui a besoin d'une fomation aux domaines liés à la [[couleur|Qu'est-ce que la couleur]] pour valoriser les pages web qu'il gère.
[img[présentation de l'école|http://www.ac-versailles.fr/etabliss/ec-martinets-rueil/Images/escargot.gif]]

Le graphiste, l'utilisateur de Photoshop ou de the Gimp ([[logiciels|logiciel]] de traitement d'images), le néophyte ont à leur disposition des dizaines de palettes d'outils pour la présentation, le format, les effets spéciaux mais aussi la gestion de la couleur.
Les termes et techniques utilisés ne sont pas nés avec ces logiciels. Les conventions portant sur l'[[harmonie]] des couleurs et l'équilibre des contrastes sont en discussion depuis l'antiquité. Spectre, [[teintes]], palette, [[saturation]], roue [[chromatique|chrome]] ont une histoire et un sens précis. Les [[termes|glossaire]] que l'on rencontre sont encore trop souvent, soit en anglais, soit pesamment traduits ... leur utilisation répond à des règles très précises.

Le [[glossaire]], rendu nécessaire par la profusion de jargon, fait aussi office de dictionnaire de langues.  Voir aussi une sélection de [[sites]] proposant des expériences sur la couleur.

//[[techniques]]//
L'''oeil'' est un organe des sens réceptif à une gamme très réduite d'ondes électromagnétiques que l'on appelle la [[lumière]] visible.
Selon les espèces, le spectre visible peut différer, mais il correspond globalement au rayonnement de notre étoile, le [[soleil]].

L'oeil est, en définitive, une production de la peau spécialisée et très innervée au niveau de la rétine, où les cônes et les bâtonnets [[captent|voir]] les [[photons|photo]] lors d'une réaction photochimique. La peu elle-même est sensible à une plus large gamme d'[[ondes|lumière]] et réagit en bronzant ou en brûlant.
La couleur ne naît pas dans l'oeil, mais dans le cerveau. La conception de l'idée de la couleur n'est pas encore parfaitement expliquée ; elle présente une composante sociale (les eskimos ont des dizaines de blancs ; certains européens distinguent mal bleu et vert) et langagière.
L'analyse physique et le [[codage|espace colorimétrique]] des couleurs sont plus universels que leur [[dénomination|glossaire]].
L'optique nous a montré la [[lumière]] comme une onde mêlée à une fronde. On a observé la réflexion, la diffusion, la diffraction, la réfraction, la cohérence (pour les lasers) ...
L'''opto'' électronique utilise aujourd'hui la lumière comme un rail, un guide infaillible, jamais sujet aux actes manqués, bien utile pour la guerre et l'entraînement de guerriers aveugles.

La couleur, après avoir dénoté le mûrissement des fruits ou décoré les palais et les temples, se cantonne aujourd'hui dans l'ergonomie : un guide bien utile dans le commerce et les tâches de bureaux.

La maîtrise de l'homme sur son environnement s'observe encore avec le concept d'optique adaptative. La surface des télescopes géants se déforme sous l'action de micro moteurs pour contrer l'effet des turbulences atmosphériques ; l'[[oeil]], lui, n'a plus à s'adapter.

La terre est bleue comme une orange
Jamais une erreur les mots ne mentent pas
Ils ne vous donnent plus à chanter
Au tour des baisers de s'entendre
Les fous et les amours ...
//L'amour la poésie,// Paul Éluard

Big Orange Time in Tennessee! (via ~SnapShotStrawn)
[img[Big Orange Time in Tennessee! (via ~SnapShotStrawn)|http://farm2.static.flickr.com/1263/1299073805_7f135c7ccc.jpg?v=0]]


*L’orange est un agrume. C’est le fruit de l’oranger, un arbre de la famille des Rutacées
*Orange mécanique, un film de Stanley Kubrick, sorti en 1971
*Orange est la filiale et marque commerciale du groupe France Telecom pour les activités de téléphonie 
*Orange, surnommée la Cité des Princes, (Aurenja en occitan provençal, Auranjo dans la norme mistralienne, du latin Arausio) est une commune du Vaucluse 
*La couleur orange prend place entre le rouge et le jaune dans le spectre visible à une longueur d'onde d'environ 620 à 585 nm
*L'agent orange est le surnom donné au plus utilisé des herbicides employés par l'armée des ~États-Unis lors de la guerre du Viêt Nam
*Orange (31 544 habitants) est une ville de ~Nouvelle-Galles du Sud, en Australie à 260 kilomètres à l'ouest de Sydney
*La Révolution orange est série de manifestations qui ont eu lieu en Ukraine ...
Avec un mouvement initié par des génies comme [[Rubens]], la ''peinture'' a conquis son droit à l'existence en tant que telle, en apprivoisant la couleur. Quelques exemples seulement, empruntés au ~XIXe siècle :
[[Géricault]]
[[Turner]]
Delacroix - femmes d'Alger
[img[Delacroix - femmes d'Alger|http://www.herodote.net/Images/DelacroixAlger.jpg]]

Le siècle dernier est plus conceptuel.
[[Bridgman]]
[[Kandinsky]]
[[Klein]]

Voir aussi la [[querelle du coloris]].


//[[Plan du site]]//
!Photo - photons
La lumière est portée par les photons.
L'art de capter la lumière, initialement basé sur les pigments de la peinture, est devenu la photographie.

La rétine au fond de l'oeil est tapissée de capteurs photosensibles, mais toute notre peau est sensible à la lumière, qu'exprime la racine ''photo'', //photon//, d'origine grecque.

Photocopieur, photovoltaïque, photogravure, photojournalisme, photosensible, photomaton, photométrie, photophore, photosynthèse, photo-finish nous rappellent que la science et les arts, la chimie, les techniques et l'information ont besoin de la lumière et de ses couleurs pour parler à nos yeux : le traitement des images visuelles par le cerveau occupe plus d'un tiers de son temps.

!Photographie
La photographie est l'alliée de l'oeil.
[img[première photo - Niepce|http://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Niepce_1826.jpg/250px-Niepce_1826.jpg]]
première photo par Nicéphore Niepce

L'image n'est pas dessinée à l'aide de traits, comme la racine "graphe" le laisse entendre : elle est totalement déterminée par les couleurs, la lumière.

La tradition a perfectionné les films badigeonnés de produits chimiques sensibles, dont le bromure d'argent : méthode argentique.
La révolution numérique utilise des capteurs photosensibles qui mesurent les couleurs [[primaires]] pour chaque élément de la vue ([[pixel]]) ; les calculs sont stockés dans un fichier qui code l'image.
Le ''pixel'', abrégé //px//, est une unité de surface permettant de définir la base d'une image numérique. Son nom provient de la locution anglaise //picture element//, qui signifie "élément d'image".

L'imagerie numérique passe par des écrans qui affichent des images colorées. Ces images sont analysées et encodées pour disposer d'un format de stockage performant : fichiers pas trop gros et images fidèles.
Le mode d'acquisition des images (scanners, [[appareils numériques|photo]]) utilise également la notion de pixel, synonyme de précision (dix millions de pixels par image valent mieux que deux millions pour le rendu des détails les plus fins).
Né avec l'informatique, le concept dérive cependant des premières tentatives de numérisation (bélinographes, téléviseurs).

!!bélinogramme
Le procédé permet de transmettre une image télégraphe, téléphone, puis par radio. Le document est placé sur un cylindre mobile ; il est analysé ligne par ligne, par une cellule photoélectrique qui se déplace sur la génératrice du tambour en rotation ; les niveaux de gris sont transformés en fréquences (aiguë pour le blanc, grave pour le noir) et transmis en ligne.

!!téléviseur
En 1940, aux ~États-Unis, Peter Goldmark met au point un système de télévision couleur à 343 lignes. Ce système comporte un disque à trois filtres : [[rouge, vert et bleu|RGB]], en rotation devant le tube de la caméra.
Pour le rendu à l'écran, on a d'abord utilisé les rayons cathodiques qui sont des flux d'électrons à haute vitesse provenant de la cathode du tube. Les électrons sont focalisés de manière à obtenir un mince rayon,qui est ensuite dévié, pour arriver sur l'anode (l'écran) recouverte d'une matière phosphorescente. Quand les électrons frappent cette surface, de la lumière est émise. Maintenant, c'est le règne des écrans plats.

!!numérisation
La numérisation consiste à convertir un signal (ici, une image) en une suite de nombres. L'encodage obtenu est une représentation simplifiée et adaptée aux limites de la sensibilité de l'[[oeil]] humain. La taille du fichier résultant est réduite à l'aide d'algorithmes de compression pour qu'il puisse être traité sans problèmes (par exemple, envois par courriel).
La compression la plus simple remplace un texte par sa description : AAAAAAAAZZEEEEEER donne ainsi 8A2Z6E1R (huit "A", deux "Z", &c.), ce qui est beaucoup plus court. La compression ~Lempel-Ziv (~LZ77, base de l'archive .zip) remplace des motifs récurrents par des références à leur première apparition. Ce dessin : 
OWOOOOWO
WOOOOOOW
OWOOOOWO
pourra se retrouver compressé avec un code très simple : OW = A, OOOO = B, WO = C, etc., ce qui donne : ABC/CBA/ABC.
On est passé de 24 à 12 caractères, gagnant tout de suite 50% de place.

!!écrans
Les écrans à plasma fonctionnent de façon similaire aux tubes d'éclairage fluorescents (improprement appelés "néons") - ils utilisent l’électricité pour illuminer un gaz.
L'écran à cristaux liquides (LCD) utilise la polarisation de la lumière grâce à des filtres polarisants et à la biréfringence de certains cristaux liquides dont on peut faire varier l'orientation en fonction du champ électrique. Cet écran est un dispositif passif - il n'émet pas de [[lumière]] - dont la transparence varie ; il doit donc être éclairé.
Couleurs ''primaires''! Souvenirs d'école!

Les couleurs primaires mélangées créent toutes les autres, comme les chiffres tous les nombres, et les lettres tous les mots d'amour, les poèmes et les ordres du jour.

Il existe deux classes de synthèse des couleurs :
*La synthèse ''additive'' combine des teintes lumineuses : rouge, vert et bleu, plus proches des teintes auxquelles les cônes de la rétine sont sensibles. Plus on met de couleurs, plus on éclaircit.
C'est la base du système [[RGB]] (red green blue) utilisé pour le rendu sur un écran d'ordinateur, par exemple pour des pages web comme celle-ci.
[img[synthèse additive|http://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Synthese%2B.svg/420px-Synthese%2B.svg.png]]

*La synthèse ''soustractive'' combine des pigments : rouge, jaune et bleu. Plus on met de pigments, plus on assombrit l'oeuvre. Elle est basée sur les [[techniques]] traditionnelles de la couleur : peinture, imprimerie et vitrail, et reste utilisée dans les imprimantes personnelles avec le système [[CYMK|RGB]].
[img[synthèse soustractive |http://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Synthese-.svg/420px-Synthese-.svg.png]]
Ce dernier dessin n'est pas l'inverse du premier : il se base sur une logique différente. 
Les deux types de synthèse sont plus ou moins corrélées avec les possibilités physiologiques de l'[[oeil]] et les réactions chimiques produites à la surface des différentes cellules de la rétine.
[img[prisme|http://19.media.tumblr.com/tumblr_kwem78F76E1qz81xwo1_500.gif]]
La ''querelle du coloris'' est le nom d'un débat esthétique qui anima les peintres en France dans le dernier quart du ~XVIIe siècle.

Le théoricien de l'art Roger de Piles publie en 1673 un essai intitulé //Dialogue sur le coloris//. Il y fait l'éloge de l'œuvre peinte de Rubens, construite par la [[couleur|Qu'est-ce que la couleur]] plutôt que par le dessin. Ces positions convainquent notamment le duc de Richelieu de céder ses peintures de Poussin pour se constituer une collection de peintures de [[Rubens]].

Ce débat avait été précédé par l'affrontement qui séparait, à la Renaissance, la Florence néo-platonicienne (la [[beauté|harmonie]] est une idée spirituelle) de ~Michel-Ange et la Venise aristotélicienne (la beauté est substantielle, matérielle) de Titien. Mais c'est à Paris, sous le règne de Louis XIV que le débat a pris le plus d'ampleur, sous un angle théorique d'une part, mais aussi polémique, puisque des libelles et des pamphlets d'une certaine violence ont accompagné la querelle.

La dispute s'est achevée au bénéfice des tenants de la couleur, contre ceux du dessin, ouvrant la voie à des peintres tels que Boucher, Watteau et Fragonard. Les mêmes questions ressurgiront au siècle suivant, avec l'opposition entre le néoclassicisme de David et d'Ingres, opposés au romantisme de Delacroix et de [[Géricault]].
//Source : wikipedia.org//

//[[peintures]]//
//[[Plan du site]]//
[img[semeuse camée|http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Semeuse_preo_30c.jpg/180px-Semeuse_preo_30c.jpg]]


''Rouge'' sang. Rouge désir.
[img[trois couleurs - rouge|http://ia.media-imdb.com/images/M/MV5BMTI5NjI4MjY4M15BMl5BanBnXkFtZTYwNzAxNjM5._V1._SX249_SY400_.jpg]]

L'archétype du rouge varie selon les lieux et les époques, un franc vermillion au début du siècle dernier nous paraît un peu terne, pas assez chaleureux ...

Le rouge est ambivalent dans la symbolique occidentale :
*l'amour, la passion, le sang, l'érotisme, la génération, la régénérescence (le phénix), la chaleur accueillante, l'appétit, la vie, la force vitale
*la fête, le spectacle (décoration des théâtres et des opéras rouge et dorée), le luxe, la richesse, les émotions associées (timidité, plaisir, désir), la luxure (couleur des maisons closes, des prostituées), l'amour divin
*le diable (dans l'Égypte ancienne Seth, le destructeur, est en rouge), la tentation, le feu, la destruction, la mort (le sang versé), la chaleur cuisante, les émotions associées ("rouge de colère", "[[voir]] rouge", l'égoïsme, la haine, l'amour infernal)
Saturées de couleurs, même fausses, les images les plus étrangères paraissent encore plus reconnaissables. La couleur nous [[parle|voir]] par son intensité.
[img[http://2photo.ru/uploads/posts/4268/20090202/kubica/02_02_2009_0364821001233524007_kubica.jpg]]
kubica via 2photo.ru


En plus des modèles [[RGB]] et [[CYMK|RGB]], il existe d'autres codages, comme TSV qui signifie « [[teinte|teintes]], ''saturation'', valeur » ; on utilise aussi les termes anglais HSV (//hue, saturation, value//), HSL (//lightness//, clarté) ou HSB (//brightness// brillance).

C'est un [[espace colorimétrique]], défini en fonction de ses trois composantes :
* teinte : le type de couleur (comme rouge, bleu, jaune…)
**Les teintes sont présentées sur un cercle
**La valeur varie entre 0 et 360, mais est parfois normalisée en 0–100 % ;
* saturation : l'« intensité » de la couleur :
**varie entre 0 et 100 % ;
**est parfois appelé « pureté » ;
**plus la saturation d'une couleur est faible, plus l'image sera « grisée » et plus elle apparaitra fade : c'est que les autres [[primaires]] s'y mélangent
* valeur : la « brillance » de la couleur, sa luminosité :
**elle varie entre 0 et 100%, du [[noir]] au [[blanc]].
L'ensemble se représente à l'aide d'un cône : H teinte, S saturation, V valeur.
<html><img src="http://upload.wikimedia.org/wikipedia/commons/e/ea/HSV_cone.png" width="500">cône HSV</img></html>

Le cône est [[traditionnellement|espace colorimétrique]] étalé en rectangle et assorti d'une réglette supplémentaire pour la luminosité.


//[[techniques]]//
Ces sites sont vraiment intéressants et bien faits!
//Les liens s'ouvrent dans une nouvelle page (ou onglet)//

|!Site|!notes|
|[[pourpre.com|http://pourpre.com/outils/index.php]] |choix de couleurs sur la roue chromatique, outils pour visualiser des nuanciers|
|[[chroma|http://pourpre.com/chroma/index.php]]|dictionnaire des noms de couleurs (pourpre.com) : //bouton d'or, brou de noix, bureau, cassis, charbon, châtaigne, chaudron, vert épinard, étain, violet d'évêque, glacé, grisaille, lacté, lactescent, blanc de lait, lapis-lazuli, lapis, noiraud, pinchard, queue de vache, réglisse, scintillant, topaze, bleu turquin, vibrant ...//|
|[[Color Fields Colr Pickr|http://krazydad.com/colrpickr/]] |choix de photos de même teinte (extraites de Flickr) <br>[img[Colrpickr|http://l.yimg.com/g/images/services_pickr.gif]][img[Colrpickr 1|http://cache.lifehacker.com/assets/resources/2007/09/Colr.png]]|
|[[Liste de couleurs |http://fr.wikipedia.org/wiki/Liste_de_couleurs]] |Liste de près de 450 couleurs dans Wikipédia|
|[[Kuler|http://kuler.adobe.com/]] |création et partage de thèmes colorés (éditeur : Adobe)|
|[[the Gimp |http://fr.wikipedia.org/wiki/GIMP]]<br> [img[the Gimp|http://upload.wikimedia.org/wikipedia/commons/thumb/0/05/GIMP_Icon.svg/80px-GIMP_Icon.svg.png]]  |GIMP, GNU Image Manipulation Program, [[logiciel]] libre de traitement d'image bitmap (dessin, retouche, animation, etc.) ; alternative à Photoshop.|
|[[Hexday|http://hexday.com/thisweek/]] |création d'une mosaïque collective et échantillonnage d'images<br> [img[exemple hexday|http://img-thumb.ffffound.com/static-data/assets/6/409f80f4f93de53ee85dd437a38362302b4a14c3_s.gif]][img[exemple hexday 1|http://i471.photobucket.com/albums/rr79/methodood/hexday1.png]]|
|[[Colourlovers|http://www.colourlovers.com]]|gestion de la mode dans le domaine de la couleur : palettes, motifs, etc. Très beau mais en anglais|
|[[Colorjack|http://www.colorjack.com]]|toujours très beau et toujours en anglais|
|[[wordle|http://www.wordle.net/advanced]] |[[tableaux|À propos de ce site]] de mots colorés - à essayer absolument (anglais)|
|[[colorsystem|http://www.colorsystem.com/index.htm]] |color system propose une histoire de la perception et de la représentation de la structure des couleurs |
//[[Plan du site]]//
Producteur, garant et témoin de la lumière : le ''soleil''.

Notre étoile n'est pas le seule, mais c'est la plus célèbre (et la plus utile, et la plus proche).
Sa [[lumière]] n'est pas particulière, sinon que notre définition de "la lumière", "blanche", "pure", "parfaite", n'a pas beaucoup de sens sans elle.

quand le jour finit, que l'astre se couche, les âmes tremblent et espèrent que la nuit passera.
Dans l'occident chrétien, les couleurs ont, depuis le haut moyen-âge, une charge ''symbolique'' très forte, particulièrement utilisée dans l'art du blason.
[img[couleurs du blason|http://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Tinctures.svg/175px-Tinctures.svg.png]]
//Légende : couleurs = azur, gueules (rouge), pourpre, sable (noir), vert ; fourrures = hermine, vair, &c.//

L'histoire se rappelle sans doute de couleurs connotées aux insignes de la religion et du pouvoir : la pourpre impériale, le blanc de la pureté sacrificielle, le rouge des libations de sang et de vin offertes aux dieux ...
L'[[harmonie]] des couleurs se construit aussi de ces partis pris et des oppositions qu'ils entraînent, l'or des richesses ou de l'adoration, le noir de l'enfer, le bleu associé à la vierge Marie ne vont pas toujours bien ensemble.
Quelques rappels historiques et définitions liées aux ''techniques'' de la couleur :
[[métiers]]
[[enluminure]]
[[vitrail]]
[[nouveaux métiers]]
[[espace colorimétrique]]
[[saturation]]
[[RGB]]
[[dénomination]]

<<tabs _a_ [[métiers]] [[métiers]] [[métiers]] [[enluminure]] [[enluminure]] [[enluminure]] [[vitrail]] [[vitrail]] [[vitrail]] [[nouveaux métiers]] [[nouveaux métiers]] [[nouveaux métiers]]
[[espace colorimétrique]] [[espace colorimétrique]] [[espace colorimétrique]] [[saturation]] [[saturation]] [[saturation]] [[RGB]] [[RGB]] [[RGB]] [[dénomination]] [[dénomination]] [[dénomination]]  Ok Ok Ok>> 


//[[Plan du site]]//
S'y reconnaître, c'est déjà un [[métier|métiers]].
[img[nuancier translucide|http://farm4.static.flickr.com/3128/3237420400_852c9f8b01_b.jpg]]
Pieces of color - 29/365 by tranchis.
Voici les ''teintes'' de base :

|!Couleur|! Longueur d'onde (*nm) |! Fréquence (~THz)|! Énergie de photon (eV)|
|bgcolor(#000000): [[Infrarouge|lumière]] |> 780|< 405|< 1.6|
|bgcolor(#ff0000): [[rouge]] |~ 625-740|~ 480-405|~ 1.6 - 2.0|
|bgcolor(#FF7F00): [[orange]] |~ 590-625|~ 510-480|~ 2.0 - 2.1|
|bgcolor(#FFFF00): [[jaune]] |~ 565-590|~ 530-510|~ 2.1 - 2.2|
|bgcolor(#00FF00): [[vert]] |~ 520-565|~ 580-530|~ 2.2 - 2.4|
|bgcolor(#5555FF): [[bleu]] |~ 446-520|~ 690-580|~ 2.4 - 2.8|
|bgcolor(#7F00CF): [[violet]] |~ 380-446|~ 790-690|~ 2.8 - 3.2|
|bgcolor(#000000): [[ultraviolet|lumière]] |< 380|... > 790|> 3.3|

Les couleurs [[primaires]], rouge, jaune et bleu, se composent pour former les secondaires, orange, vert et violet.
Par contre, les teintes pures du modèle [[RGB]] sont rouge, vert et bleu.

Notes (*) : l'énergie ''E'', la fréquence ''f'', et la longueur d'onde ''λ'' d'un [[photon|photo]] sont liés par la formule :
''E = hf = hc/λ = 1 240'' nm ''/λ'' eV :
*''h'', constante de Planck ; ''c'', vitesse de la [[lumière]]
*longueur d'onde : amplitude de l'onde (distance entre deux vagues quand on observe des ronds dans l'eau)
*nanomètre (nm) : un milliardième de mètre
*fréquence : nombre d'ondes par seconde. Les ondes sonores audibles ont une fréquence comprise entre 20 Hz et 20 000 Hz ; le //la// (téléphone décroché) est à 440 Hz
*térahertz (~THz) : mille milliards de Hertz
*énergie de photon :
*électron-Volt (eV) : énergie du photon

Les teints de base sont pures ([[monochromatiques|chrome]]). L'[[arc-en-ciel|blanc]], formé du spectre des longueurs d'ondes monochromatiques, ne comporte qu'un faible sous-ensemble des couleurs visibles par l'[[oeil]] humain (mais a contrario contient des longueurs d'ondes invisibles à l'œil humain). Le //rose//, par exemple, n'y figure pas : il s'agit d'un panachage que ne peut restituer aucune longueur d'onde monochromatique.
La couleur est ''une'', comme la lumière. Voici une ... combinaison de couleurs au hasard ...

<tabs une>
<tab JB>
[img[JB|http://farm3.static.flickr.com/2326/2060950258_0e3bf0b350.jpg?v=0]]
</tab>

<tab RN>
[img[RN|http://farm3.static.flickr.com/2402/1548169606_602a0e6ffe.jpg?v=0]]
</tab>

<tab VB>
[img[VB|http://farm1.static.flickr.com/150/373788314_3982590684.jpg?v=0]]
</tab>

<tab RO>
[img[RO|http://farm4.static.flickr.com/3265/2624999597_5f3cd67162.jpg?v=0]]
</tab>

<tab RB>
[img[RB|http://farm1.static.flickr.com/139/346907277_fe9c2220b2.jpg?v=0]]
</tab>

<tab OV>
[img[OV|http://farm4.static.flickr.com/3129/3127555421_1ae2673bd3.jpg?v=0]]
</tab>

<tab BB>
Lucy in the Sky with Orion
[img[Lucy in the Sky with Orion|http://i471.photobucket.com/albums/rr79/methodood/Orion2.jpg]]
</tab>

<tab NJ>
Loretta
[img[Loretta|http://farm4.static.flickr.com/3341/3273347012_006b35d545.jpg?v=0]]
</tab>

</tabs>


//[[Plan du site]]//
L'histoire du ''vert'' est toujours étonnante. Il paraît qu'il est des pays où les feuilles des arbres subsistent éternellement. Dans les contrées tempérées, à l'exception des conifères, peu d'arbres ou arbustes indigènes sont persistants.
[img[Champs d'Ethiopie|http://farm4.static.flickr.com/3221/3124021273_4182418600.jpg?v=0]]
Champs d'Ethiopie - Field of Ethiopia by Gentil Garçon [Radicalement gentil].
  
Si la plante paraît verte, c'est qu'elle absorbe les rayonnements bleutés et rouges du spectre et reflète le vert, dont elle n'a que faire pour se nourrir : seules les fleurs font un choix opposé ...

Le vert est à la fois connoté positivement, couleur d'espoir, car il va revenir après l'hiver et, attribué à des divinités païennes un peu louches, Pan, nymphes, dryades, à l'Océan imprévisible, il peut à la fois inquiéter.

''Python Vert'' by joël barras
[img[Python Vert by joël barras|http://farm2.static.flickr.com/1405/672545439_dfb4fc7dea.jpg?v=1213107300]]

*Films et romans : La Ligne verte, [[Soleil|soleil]] vert, La Chambre verte, Les Arpents verts, L'Habit vert, Le Monde vert, Le Rayon vert, La Belle Verte, Une souris verte, Le Frelon vert, La Jument verte ...
<html><img src="http://www.gchagnon.fr/chats/violette.jpg" width="450"> <br>dans un bain de violettes via g. Chagnon </img></html>

minéraux, végétaux, animaux et phénomènes :
* améthyste (minéral), permanganate de potassium (produit chimique), tanzanite (pierre)
* chou rouge,betterave, bougainvillée (variété rustique ou sauvage), violette (fleur), iris, navet blanc à collet violet
*violet, coquillage (microcosmus sabatieri)
*ninhydrine - réactif qui colore en violet tous les acides aminés sauf la proline
*lumière noire ou lumière Wood - lumière violette proche de l'ultraviolet
[img[http://farm4.static.flickr.com/3120/2785571952_62a26aaa64.jpg?v=1219364573]]
Le ressuscité by Pierre Éthier.

//[[techniques]]//
L'oeil capte la gloire de la lumière : la couleur. La couleur existe-t-elle si personne ne la ''voit'' ?

Oliver Sacks a écrit //l'Ile des sans-couleurs (the Island of the Colour-blind)//. Il visite Pingelap, dans le Pacifique, où un habitant sur douze est achromatopse : [[aveugles|oeil]] à la couleur, souffrant de trop de [[lumière]] dans la journée sous les tropiques, les personnes touchées par cette maladie héréditaire sont tous descendants du roi qui a survécu à la tornade de 1820 ... et souffrent d'une certaine discrimination.
Ils ont une excellente vision de la luminosité, des tons, des brillances et textures ; sont observateurs, sensibles et se passent très bien de la couleur qui n'agit, finalement, que comme un signal brutal, contraignant et générateur de conditionnement (Sacks est neurologue, auteur de //l'Homme qui prenait sa femme pour un chapeau//).

La publicité, le commerce, entre autres, se sont emparés de ce signal pour nous vendre, par exemple, des bananes [[jaunes|jaune]] et des tomates [[rouges|rouge]] avec l'impératif de croire que ces fruits sont excellents car ils arborent la bonne couleur. Qui tâte, sent, respire et finalement goûte ce qu'il achète est souvent déçu, mais rien ne change.

Toujours est-il que la photographie en noir et blanc est un art reconnu. Qu'en est-il de la peinture ?
[img[sartorialist aug 09|http://www.thesartorialist.com/photos/9219BWweb.jpg]]
|<html><a href="http://www.wordle.net/gallery/wrdl/430333/couleur" 		  title="Wordle: couleur"><img
		  src="http://www.wordle.net/thumb/wrdl/430333/couleur"		  alt="Wordle: couleur"		  style="padding:4px;border:1px solid #ddd" width="250"></a></html> |[img[132 of 365|http://farm4.static.flickr.com/3069/2660614078_cd0b06efc3_m.jpg]]|
source : http://www.wordle.net/  _ _ _ _ _ _ _ _ 132 of 365: Secret #21 by Panda Cat Baby ★

!!couleur!
V1.0 10/01/2008
!!
Site réalisé avec [[TiddlyWiki|http://www.tiddlywiki.com/]] <<version>> et les informations de Wikipédia.

[img[couleur Bridgman|http://i471.photobucket.com/albums/rr79/methodood/Bridgman_c.png]]
//[[Plan du site]]//