Server : Apache System : Linux webd348.cluster026.gra.hosting.ovh.net 5.15.148-ovh-vps-grsec-zfs-classid #1 SMP Thu Feb 8 09:41:04 UTC 2024 x86_64 User : hednacluml ( 122243) PHP Version : 8.3.9 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl Directory : /home/hednacluml/encyclo/articles/p/a/t/ |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- headlinks removed -->
<link rel="shortcut icon" href="../../../../misc/favicon.ico"/>
<title>Utilisateur:Patapiou/Codage des couleurs sur Wikipédia - Wikipédia</title>
<style type="text/css">/*<![CDATA[*/ @import "../../../../skins/offline/main.css"; /*]]>*/</style>
<link rel="stylesheet" type="text/css" media="print" href="../../../../skins/common/commonPrint.css" />
<!--[if lt IE 5.5000]><style type="text/css">@import "../../../../skins/monobook/IE50Fixes.css";</style><![endif]-->
<!--[if IE 5.5000]><style type="text/css">@import "../../../../skins/monobook/IE55Fixes.css";</style><![endif]-->
<!--[if IE 6]><style type="text/css">@import "../../../../skins/monobook/IE60Fixes.css";</style><![endif]-->
<!--[if IE]><script type="text/javascript" src="../../../../skins/common/IEFixes.js"></script>
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
<script type="text/javascript" src="../../../../skins/common/wikibits.js"></script>
<script type="text/javascript" src="../../../../skins/offline/md5.js"></script>
<script type="text/javascript" src="../../../../skins/offline/utf8.js"></script>
<script type="text/javascript" src="../../../../skins/offline/lookup.js"></script>
<script type="text/javascript" src="../../../../raw/gen.js"></script> <style type="text/css">/*<![CDATA[*/
@import "../../../../raw/MediaWiki%7ECommon.css";
@import "../../../../raw/MediaWiki%7EMonobook.css";
@import "../../../../raw/gen.css";
/*]]>*/</style> </head>
<body
class="ns-2">
<div id="globalWrapper">
<div id="column-content">
<div id="content">
<a name="top" id="contentTop"></a>
<h1 class="firstHeading">Utilisateur:Patapiou/Codage des couleurs sur Wikipédia</h1>
<div id="bodyContent">
<h3 id="siteSub">Un article de Wikipédia, l'encyclopédie libre.</h3>
<div id="contentSub"><span class="subpages">< <a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_e056.html" title="Utilisateur:Patapiou">Utilisateur:Patapiou</a></span></div>
<!-- start content -->
<p>Sur Wikipédia, le texte s'affiche en noir par défaut, et le fond est blanc. On peut tout de même ajouter des couleurs, par exemple</p>
<pre>
{{bleu|b}}{{vert|o}}{{orange|n}}{{rouge|j}}{{jaune|o}}{{vert|u}}{{orange|r}} {{rouge|!}}
</pre>
<p>donne <span style="color:#0000CC">b</span><span style="color:#008000">o</span><span style="color:#FFA500">n</span><span style="color:#FF0000">j</span><span style="color:#FFFF00">o</span><span style="color:#008000">u</span><span style="color:#FFA500">r</span> <span style="color:#FF0000">!</span> Comme ça, Wikipédia reconnaît :</p>
<p>le <span style="color:#0000CC">BLEU</span>, le <span style="color:#008000">VERT</span>, le <span style="color:#FFFF00">JAUNE</span>, le <span style="color:#FFA500">ORANGE</span>, le<span style="color:#A52A2A">MARRON</span>, le <span style="color:#FF0000">ROUGE</span>, le <span style="color:#FFC0CB">ROSE</span>, le <font style="color:purple;">VIOLET</font> et bien sûr le <span style="color:#808080">GRIS</span> le <font color="white">BLANC</font> (<small><font color="white">ça permet de mettre des petits messages secrets</font></small>).</p>
<p>Par contre, le noir est par défaut et ne fait pas l'objet d'un modèle.</p>
<pre>
Récapitulons :
{{bleu|BLEU}} <font color="#0000cc">BLEU</font>
{{vert|VERT}} <font style="color:green;">VERT</font>
{{jaune|JAUNE}} <font style="color:#F0FF80;">JAUNE</font>
{{orange|ORANGE}} <font style="color:orange;">ORANGE</font>
{{marron|MARRON}} <font style="color:brown;">MARRON</font>
{{rouge|ROUGE}} <font style="color:red;">ROUGE</font>
{{rose|ROSE}} <font style="color:pink;">ROSE</font>
{{violet|VIOLET}} <font style="color:purple;">VIOLET</font>
{{gris|GRIS}} <font color="gray">GRIS</font>
{{blanc|BLANC}} <font color="white">BLANC</font>
(<small>{{blanc|ça permet de mettre des petits messages secrets}}</small>)
</pre>
<p>Là, on utilise des modèles tout faits en français.</p>
<p>On peut aussi utiliser la syntaxe naturelle de Wikipédia qui reconnaît des noms de couleurs en anglais :</p>
<p><font color="purple">PURPLE</font> <font color="indigo">INDIGO</font> <font color="blue">BLUE</font> <font color="green">GREEN</font> <font color="yellow">YELLOW</font> <font color="orange">ORANGE</font> <font color="brown">BROWN</font> <font color="red">RED</font> <font color="pink">PINK</font> et encore le <font color="grey">GREY</font> ou <font color="gray">GRAY</font>et le <font color="white">WHITE</font>. Cette fois-ci, on peut même écrire en <font color="black">BLACK</font></p>
<p>et cette fois-ci, de façon très générale <font color="#FFCC00">FFCC00</font> ou <font color="#FFCC00">FFCC00</font></p>
<pre>
Voici la syntaxe :
<font color=purple>PURPLE</font>
<font color=indigo>INDIGO</font>
<font color=blue>BLUE</font>
<font color=green>GREEN</font>
<font color=yellow>YELLOW</font>
<font color=orange>ORANGE</font>
<font color=brown>BROWN</font>
<font color=red>RED</font>
<font color=pink>PINK</font>
<font color=grey>GREY</font> ou <font color=gray>GRAY</font>
<font color=White>WHITE</font>
<font color=Black>BLACK</font>
et de façon très générale :
<font color=#FFCC00>FFCC00</font> ou <font color=#ffcc00>FFCC00</font>
</pre>
<p>Dans ce codage, ce qui compte c'est « #ffcc00 ». C'est le codage <i>hexadécimal de la couleur concernée. Les chiffres vont de 0 à 9 puis de a à f (on est donc en base 16).</i></p>
<ul>
<li>le dièse doit être mis point barre.</li>
<li>les deux premiers chiffres donnent la valeur du rouge (<font color="#FF0000">ff0000</font> <font color="#F00000">f00000</font> <font color="#D00000">d00000</font> <font color="#AA0000">aa0000</font> ... <font color="#500000">500000</font> <font color="#320000">320000</font> <font color="#030000">030000</font>)</li>
<li>les deux chiffres suivants donnent la valeur du vert (<font color="#00FF00">00ff00</font> <font color="#00F000">00f000</font> <font color="#00D000">00d000</font> <font color="#00AA00">00aa00</font> ... <font color="#005000">005000</font> <font color="#003200">003200</font> <font color="#000300">000300</font>)</li>
<li>les deux derniers chiffres donnent la valeur du bleu (<font color="#0000FF">0000ff</font> <font color="#0000F0">0000f0</font> <font color="#0000D0">0000d0</font> <font color="#0000AA">0000aa</font> ... <font color="#000050">000050</font> <font color="#000032">000032</font> <font color="#000003">000003</font>)</li>
</ul>
<p>Le tout est en synthèse additive des couleurs.</p>
<p>le noir est 000000 et le blanc ffffff. les autres valeurs xyxyxy donnent du gris. (<font color="#ABABAB">ababab</font>)</p>
<p>En gros Mélanger en proportions égales deux couleurs donne la cuoleur complementaire de la troisieme (quelle que soit la proportion de celle ci tant qu'elle est inferireure aux deux autre) :</p>
<ul>
<li><font color="#008484">008484</font> complementaire du rouge, tout comme <font color="#56B3B3">56b3b3</font></li>
<li><font color="#840084">840084</font> complementaire du vert, tout comme <font color="#B356B3">b356b3</font></li>
<li><font color="#848400">848400</font> complementaire du bleu, tout comme <font color="#B3B356">b3b356</font></li>
</ul>
<p>Apres, tout est une question de doigté et d'aller chercher les couleurs chez les gens qui ont bon goût.</p>
<p><a name="Liste_de_couleurs_non_modelisees" id="Liste_de_couleurs_non_modelisees"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_Codage_des_couleurs_sur_Wikip%C3%A9dia_81a8.html" title="Modifier la section : Liste de couleurs non modelisees">modifier</a>]</span> <span class="mw-headline">Liste de couleurs non modelisees</span></h2>
<p>Et jolies...</p>
<p>FFA500</p>
<p><a name="Ma_signature" id="Ma_signature"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_Codage_des_couleurs_sur_Wikip%C3%A9dia_81a8.html" title="Modifier la section : Ma signature">modifier</a>]</span> <span class="mw-headline">Ma signature</span></h2>
<p><a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_e056.html" title="Utilisateur:Patapiou"><font color="#80D000">p</font><font color="#60C000">a</font><font color="#40B000">t</font><font color="#20A500">a</font><font color="#20A040">p</font><font color="#20A080">i</font><font color="#20A0C0">o</font><font color="#20A0FF">u</font></a> <small><font color="#CF0000">(</font><a href="../../../../articles/p/a/t/Discussion_Utilisateur%7EPatapiou_7b38.html" title="Discussion Utilisateur:Patapiou"><font color="#CF6500">Discuter</font></a><font color="#CF0000">)</font></small></p>
<p><a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_e056.html" title="Utilisateur:Patapiou">patapiou</a> <small><font color="#CF0000">(</font><a href="../../../../articles/p/a/t/Discussion_Utilisateur%7EPatapiou_7b38.html" title="Discussion Utilisateur:Patapiou"><font color="#CF6500">Discuter</font></a><font color="#CF0000">)</font></small></p>
<p>FFA500</p>
<p><font color="#FFA500">p</font> <font color="#E0A500">p</font> <font color="#C0A500">p</font> <font color="#A0A500">p</font> <font color="#80A500">p</font> <font color="#60A500">p</font> <font color="#40A500">p</font> <font color="#20A500">p</font> <font color="#00A500">p</font> <font color="#FFA500">p</font></p>
<p><font color="#FFA500">p</font> <font color="#E0A520">p</font> <font color="#C0A540">p</font> <font color="#A0A560">p</font> <font color="#80A580">p</font> <font color="#60A5A0">p</font> <font color="#40A5C0">p</font> <font color="#20A5E0">p</font> <font color="#00A5FF">p</font> <font color="#FFA500">p</font></p>
<p><font color="#FFA500">p</font> <font color="#FF8000">p</font> <font color="#FF6000">p</font> <font color="#FF4000">p</font> <font color="#FF2000">p</font> <font color="#FF0000">p</font> <font color="#B00000">p</font> <font color="#700000">p</font> <font color="#300000">p</font> <font color="#000000">p</font></p>
<p><font color="#80D000">p</font><font color="#60C000">a</font><font color="#40B000">t</font><font color="#20A500">a</font><font color="#20A040">p</font><font color="#20A080">i</font><font color="#20A0C0">o</font><font color="#20A0FF">u</font></p>
<p><font color="#20A500">p</font> <font color="#20A500">p</font></p>
<p><font color="#FFA500">p</font> <font color="#FF8020">p</font> <font color="#FF6040">p</font> <font color="#FF4060">p</font> <font color="#FF2080">p</font> <font color="#FF00A0">p</font> <font color="#FFC0C0">p</font> <font color="#FFE0E0">p</font> <font color="#FFFFFF">p</font> <font color="#FFA500">p</font></p>
<!--
NewPP limit report
Preprocessor node count: 346/1000000
Post-expand include size: 754/2048000 bytes
Template argument size: 105/2048000 bytes
Expensive parser function count: 0/500
-->
<div class="printfooter">
</div>
<!-- end content -->
<div class="visualClear"></div>
</div>
</div>
</div>
<div id="column-one">
<div id="p-cactions" class="portlet">
<h5>Views</h5>
<ul>
<li id="ca-nstab-user"
class="selected" ><a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_Codage_des_couleurs_sur_Wikip%C3%A9dia_81a8.html">Page utilisateur</a></li><li id="ca-talk"
class="new" ><a href="../../../../articles/p/a/t/Discussion_Utilisateur%7EPatapiou_Codage_des_couleurs_sur_Wikip%C3%A9dia_9357.html">Discussion</a></li><li id="ca-current"
><a href="http://fr.wikipedia.org/wiki/Utilisateur:Patapiou/Codage_des_couleurs_sur_Wikip%C3%A9dia">Version actuelle</a></li> </ul>
</div>
<div class="portlet" id="p-logo">
<a style="background-image: url(../../../../misc/Wiki.png);"
href="../../../../index.html"
title="Accueil"></a>
</div>
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
<div class='portlet' id='p-navigation'>
<h5>Navigation</h5>
<div class='pBody'>
<ul>
<li id="n-mainpage"><a href="../../../../index.html">Accueil</a></li>
<li id="n-thema"><a href="../../../../articles/a/c/c/Portail%7EAccueil_bcc9.html">Portails thématiques</a></li>
<li id="n-alphindex"><a href="../../../../articles/t/o/u/Special%7EToutes_les_pages_fabc.html">Index alphabétique</a></li>
<li id="n-randompage"><a href="../../../../articles/p/a/g/Special%7EPage_au_hasard_9c81.html">Un article au hasard</a></li>
<li id="n-contact"><a href="../../../../articles/c/o/n/Wikip%C3%A9dia%7EContact_929e.html">Contacter Wikipédia</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Contribuer'>
<h5>Contribuer</h5>
<div class='pBody'>
<ul>
<li id="n-help"><a href="../../../../articles/s/o/m/Aide%7ESommaire_c9f0.html">Aide</a></li>
<li id="n-portal"><a href="../../../../articles/a/c/c/Wikip%C3%A9dia%7EAccueil_5272.html">Communauté</a></li>
<li id="n-recentchanges"><a href="../../../../articles/m/o/d/Special%7EModifications_r%C3%A9centes_b222.html">Modifications récentes</a></li>
<li id="n-aboutwp"><a href="../../../../articles/a/c/c/Wikip%C3%A9dia%7EAccueil_des_nouveaux_arrivants_0784.html">Accueil des nouveaux arrivants</a></li>
<li id="n-sitesupport"><a href="http://meta.wikimedia.org/wiki/Faire_un_don:_explication">Faire un don</a></li>
</ul>
</div>
</div>
<div id="p-search" class="portlet">
<h5><label for="searchInput">Rechercher</label></h5>
<div id="searchBody" class="pBody">
<form action="javascript:goToStatic(3)" id="searchform"><div>
<input id="searchInput" name="search" type="text"
accesskey="C" value="" />
<input type='submit' name="go" class="searchButton" id="searchGoButton"
value="Aller" />
</div></form>
</div>
</div>
</div><!-- end of the left (by default at least) column -->
<div class="visualClear"></div>
<div id="footer">
<div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="../../../../skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" /></a></div> <div id="f-copyrightico"><a href="http://wikimediafoundation.org/"><img src="../../../../misc/wikimedia-button.png" border="0" alt="Wikimedia Foundation"/></a></div> <ul id="f-list">
<li id="f-credits">Cette page a été modifiée pour la dernière fois le 19 juin 2006 à 01:23 par Utilisateur <a href="../../../../articles/p/a/t/Utilisateur%7EPatapiou_e056.html" title="Utilisateur:Patapiou">Patapiou</a>. </li> <li id="f-copyright"><span style="white-space:normal"><a class="internal" href="http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Droit_d'auteur" title="Droit d'auteur">Droit d'auteur</a> : Tous les textes sont disponibles sous les termes de la <a class="internal" href="http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Licence_de_documentation_libre_GNU" title="GFDL">licence de documentation libre GNU</a> (GFDL).<br/>
Wikipedia® est une marque déposée de la <a href="http://wikimediafoundation.org/wiki/Accueil" title="Wikimedia Foundation">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a class="internal" href="http://en.wikipedia.org/wiki/501(c)" title="501(c)">501(c)(3)</a> du code fiscal des États-Unis.</span><br/></li> <li id="f-about"><a href="../../../../articles/%C3%A0/_/p/Wikip%C3%A9dia%7E%C3%80_propos_5de1.html" title="Wikipédia:À propos">À propos de Wikipédia</a></li> <li id="f-disclaimer"><a href="../../../../articles/a/v/e/Wikip%C3%A9dia%7EAvertissements_g%C3%A9n%C3%A9raux_fef1.html" title="Wikipédia:Avertissements généraux">Avertissements</a></li> </ul>
</div>
</div>
</body>
</html>