Jean-Louis Bourgogne Conseil en Communication - Rédaction professionnelle - Storytelling - Numérique et Hommes

Développer votre communication web par des contenus professionnels convaincants

Les contenus de votre site web sont porteurs de messages que vous devez soigner pour être reconnu au niveau de vos produits et technologies, Pour faciliter et améliorer votre positionnement sur votre marché.

Ressources diverses

puce Palette couleurs - vendredi 22 novembre 2013
<table>
<tr>
<td style="width:15px; ">Code</td>
<td style="width:30px; ">Body</td>
<td style="width:30px; ">Container</td>
<td style="width:30px; ;">Entete</td>
<td style="width:30px; ">Colonne</td>
<td style="width:30px; ">MenuH et Baspage</td>
<td style="width:30px; ">Titres encadrés</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">0</td>
<td style="border:1px solid #2C5376; width:30px; color:#000; background-color:#FFFFFF;">#FFFFFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#FFFFFF;">#FFFFFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#FFFFFF;">#FFFFFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#FFFFFF;">#FFFFFF</td>
<td style="width:30px; color:#FFF; background-color:#AD5A00;">#AD5A00</td>
<td style="width:30px; color:#FFF; background-color:#870000;">#870000</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">1</td>
<td style="width:30px; color:#FFF; background-color:#4D2900;">#4D2900</td>
<td style="width:30px; background-color:#FFF4D9;">#FFF4D9</td>
<td style="width:30px; background-color:#FAE0B0;">#FAE0B0</td>
<td style="width:30px; color:#FFF; background-color:#E5BA77;">#E5BA77</td>
<td style="width:30px; color:#FFF; background-color:#AD5A00;">#AD5A00</td>
<td style="width:30px; color:#FFF; background-color:#870000;">#870000</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">3</td>
<td style="width:30px; color:#FFF; background-color:#9E8059;">#9E8059</td>
<td style="width:30px; background-color:#FFFFFF;">#FFFFFF</td>
<td style="width:30px; background-color:#C0BFBF;">#C0BFBF</td>
<td style="width:30px; color:#FFF; background-color:#8C8C8C;">#8C8C8C</td>
<td style="width:30px; color:#FFF; background-color:#005376;">#005376</td>
<td style="width:30px; color:#FFF; background-color:#650000;">#650000</td>
</tr>
<tr height=10><td colspan=4></td></tr>

<tr height=60>
<td style="width:15px; ">4</td>
<td style="width:30px; color:#FFF; background-color:#4D2900;">#4D2900</td>
<td style="width:30px; background-color:#DBD0C1;">#DBD0C1</td>
<td style="width:30px; background-color:#9EB059;">#9EB059</td>
<td style="width:30px; color:#FFF; background-color:#9E8959;">#9E8959</td>
<td style="width:30px; color:#FFF; background-color:#6D4D2E;">#6D4D2E</td>
<td style="width:30px; color:#FFF; background-color:#AD5A00;">#AD5A00</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">5</td>
<td style="width:30px; background-color:#C0BFBF;">#C0BFBF</td>
<td style="width:30px; background-color:#FFFFFF;">#FFFFFF</td>
<td style="width:30px; background-color:#E5E5E5;">#E5E5E5</td>
<td style="width:30px;color:#FFF;  background-color:#8C8C8C;">#8C8C8C</td>
<td style="width:30px; color:#FFF; background-color:#9F2E48;">#9F2E48</td>
<td style="width:30px; color:#FFF; background-color:#2C5376;">#2C5376</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">6</td>
<td style="width:30px; background-color:#9E8059;">#9E8059</td>
<td style="width:30px; background-color:#FCE4D9;">#FCE4D9</td>
<td style="width:30px; color:#FFF; background-color:#F6859A;">#F6859A</td>
<td style="width:30px; color:#FFF; background-color:#EF4B4B;">#EF4B4B</td>
<td style="width:30px; color:#FFF; background-color:#7F3731;">#7F3731</td>
<td style="width:30px; color:#FFF; background-color:#650000;">#650000</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">7</td>
<td style="width:30px; background-color:#8C8C8C;">#8C8C8C</td>
<td style="width:30px; background-color:#D7CEE3;">#D7CEE3</td>
<td style="width:30px; background-color:#725D8D;">#725D8D</td>
<td style="width:30px; color:#FFF; background-color:#AA4A42;">#AA4A42</td>
<td style="width:30px; color:#FFF; background-color:#524265;">#524265</td>
<td style="width:30px; color:#FFF; background-color:#9F2E48;">#9F2E48</td>
</tr>
</table>

puce Palette couleurs B - vendredi 22 novembre 2013
<table>
<tr>
<td style="width:15px; ">Code</td>
<td style="width:30px; ">Body</td>
<td style="width:30px; ">Container</td>
<td style="width:30px; ;">Entete</td>
<td style="width:30px; ">Colonne</td>
<td style="width:30px; ">MenuH et Baspage</td>
<td style="width:30px; ">Titres encadrés</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">0</td>
<td style="border:1px solid #2C5376; width:30px; color:#000; background-color:#FFF;">#FFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#FFF;">#FFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#FFF;">#FFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#FFF;">#FFF</td>
<td style="width:30px; color:#FFF; background-color:#B40;">#B40</td>
<td style="width:30px; color:#FFF; background-color:#800;">#800</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">1</td>
<td style="width:30px; color:#FFF; background-color:#B40;">#B40</td>
<td style="width:30px; background-color:#FFC;">#FFC</td>
<td style="width:30px; background-color:#FC9;">#FC9</td>
<td style="width:30px; color:#FFF; background-color:#C96;">#C96</td>
<td style="width:30px; color:#FFF; background-color:#C60;">#C60</td>
<td style="width:30px; color:#FFF; background-color:#930;">#930</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">2</td>
<td style="width:30px; color:#FFF; background-color:#69C;">#69C</td>
<td style="width:30px; background-color:#FFF;">#FFF</td>
<td style="width:30px; background-color:#99F;">#99F</td>
<td style="width:30px; color:#FFF; background-color:#C96;">#C96</td>
<td style="width:30px; color:#FFF; background-color:#09C;">#09C</td>
<td style="width:30px; color:#FFF; background-color:#900;">#900</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">3</td>
<td style="width:30px; color:#FFF; background-color:#310;">#310</td>
<td style="width:30px; background-color:#BBB;">#BBB</td>
<td style="width:30px; background-color:#990;">#990</td>
<td style="width:30px; color:#FFF; background-color:#C90;">#C90</td>
<td style="width:30px; color:#FFF; background-color:#630;">#630</td>
<td style="width:30px; color:#FFF; background-color:#600;">#600</td>
</tr>
</table>

puce Choix de couleurs sur 3 caractères hexa - vendredi 22 novembre 2013
<table>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">1</td>
<td style="border:1px solid #2C5376; width:30px; color:#000; background-color:#FFF;">#FFF</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#36F;">#36F</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#03C;">#03C</td>
<td style="border:1px solid #2C5376; width:30px;  color:#000; background-color:#09C;">#09C</td>
<td style="width:30px; color:#FFF; background-color:#B40;">#B40</td>
<td style="width:30px; color:#FFF; background-color:#800;">#800</td>
<td style="width:30px; color:#FFF; background-color:#C90;">#C90</td>
<td style="width:30px; color:#FFF; background-color:#9C0;">#9C0</td>
<td style="width:30px; background-color:#F36;">#F36</td>
<td style="width:30px; background-color:#C93;">#C93</td>
<td style="width:30px; color:#FFF; background-color:#363;">#363</td>
<td style="width:30px; color:#FFF; background-color:#36C;">#36C</td>
<td style="width:30px; color:#FFF; background-color:#900;">#900</td>
<td style="width:30px; color:#FFF; background-color:#990;">#990</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">2</td>
<td style="width:30px; color:#FFF; background-color:#903;">#903</td>
<td style="width:30px; background-color:#FFC;">#FFC</td>
<td style="width:30px; background-color:#FC9;">#FC9</td>
<td style="width:30px; background-color:#C96;">#C96</td>
<td style="width:30px; color:#FFF; background-color:#C60;">#C60</td>
<td style="width:30px; color:#FFF; background-color:#930;">#930</td>
<td style="width:30px; color:#FFF; background-color:#C30;">#C30</td>
<td style="width:30px; color:#FFF; background-color:#099;">#099</td>
<td style="width:30px; background-color:#090;">#090</td>
<td style="width:30px; background-color:#CC3;">#CC3</td>
<td style="width:30px; background-color:#6C3;">#6C3</td>
<td style="width:30px; color:#FFF; background-color:#C33;">#C33</td>
<td style="width:30px; background-color:#FC3;">#FC3</td>
<td style="width:30px; color:#FFF; background-color:#F63;">#F63</td>
</tr>
<tr height=10><td colspan=4></td></tr>
<tr height=60>
<td style="width:15px; ">3</td>
<td style="width:30px; color:#FFF; background-color:#000;">#000</td>
<td style="width:30px;  color:#FFF; background-color:#600;">#600</td>
<td style="width:30px;  color:#FFF; background-color:#630;">#630</td>
<td style="width:30px; background-color:#060;">#060</td>
<td style="width:30px; color:#FFF; background-color:#333;">#333</td>
<td style="width:30px; color:#FFF; background-color:#666;">#666</td>
<td style="width:30px; color:#FFF; background-color:#999;">#999</td>
<td style="width:30px; color:#FFF; background-color:#BBB;">#BBB</td>
<td style="width:30px; color:#FFF; background-color:#310;">#310</td>
<td style="width:30px; background-color:#669;">#669</td>
<td style="width:30px; background-color:#696;">#696</td>
<td style="width:30px; color:#FFF; background-color:#C36;">#C36</td>
<td style="width:30px; background-color:#FF3;">#FF3</td>
<td style="width:30px; color:#FFF; background-color:#963;">#963</td>
</tr>
</table>

puce Choix couleurs de base - vendredi 22 novembre 2013
<table>
<tr height=60>
<td style=" width:30px; background-color:#800; color:#FFF;">#800</td>
<td style=" width:30px; background-color:#900; color:#FFF;">#900</td>
<td style=" width:30px; background-color:#930; color:#FFF;">#930</td>
<td style=" width:30px; background-color:#B40; color:#FFF;">#B40</td>
<td style=" width:30px; background-color:#C93; ">#C93</td>
<td style=" width:30px; background-color:#FC9;">#FC9</td>
<td style=" width:30px; background-color:#630; color:#FFF;">#630</td>
<td style="border:1px; width:30px; background-color:#333; color:#FFF;">#333</td>
<td style="border:1px; width:30px; background-color:#999;">#999</td>
<td style="border:1px; width:30px; background-color:#363;">#363</td>
<td style="border:1px; width:30px; background-color:#990;">#990</td>
<td style="border:1px; width:30px; background-color:#BBB;">#BBB</td>
</tr>
<tr height=60>
<td style="border:1px; width:30px; background-color:#C96;">#C96</td>
<td style="border:1px; width:30px; background-color:#903; color:#FFF;">#903</td>
<td style="border:1px; width:30px; background-color:#C60;">#C60</td>
<td style="border:1px; width:30px; background-color:#C30;">#C30</td>
<td style="border:1px; width:30px; background-color:#099;">#099</td>
<td style="border:1px; width:30px; background-color:#CC3;">#CC3</td>
<td style="border:1px; width:30px; background-color:#6C3;">#6C3</td>
<td style="border:1px; width:30px; background-color:#FFC;">#FFC</td>
<td style="border:1px; width:30px; background-color:#696;">#696</td>
<td style="border:1px; width:30px; background-color:#090;">#090</td>
<td style="border:1px; width:30px; background-color:#963;">#963</td>
<td style="border:1px; width:30px; background-color:#600; color:#FFF;">#600</td>
</tr>
<tr height=60>
<td style="border:1px; width:30px; background-color:#FFF;">#FFF</td>
<td style=" width:30px; background-color:#F07;">#F07</td>
<td style=" width:30px; background-color:#F70;">#F70</td>
<td style=" width:30px; background-color:#F7F;">#F7F</td>
<td style=" width:30px; background-color:#FF7;">#FF7</td>
<td style=" width:30px; background-color:#FF0;">#FF0</td>
<td style=" width:30px; background-color:#F00; color:#FFF;">#F00</td>
<td style=" width:30px; background-color:#F77;">#F77</td>
<td style=" width:30px; background-color:#777; color:#FFF;">#777</td>
<td style=" width:30px; background-color:#7F0;">#7F0</td>
<td style=" width:30px; background-color:#7FF;">#7FF</td>
<td style=" width:30px; background-color:#700; color:#FFF;">#700</td>
</tr>
<tr height=60>
<td style=" width:30px; background-color:#707; color:#FFF;">#707</td>
<td style=" width:30px; background-color:#77F;">#77F</td>
<td style=" width:30px; background-color:#770;">#770</td>
<td style=" width:30px; background-color:#000; color:#FFF">#000</td>
<td style=" width:30px; background-color:#07F;">#07F</td>
<td style=" width:30px; background-color:#0F7;">#0F7</td>
<td style=" width:30px; background-color:#0F0;">#0F0</td>
<td style=" width:30px; background-color:#0FF;">#0FF</td>
<td style=" width:30px; background-color:#070;">#070</td>
<td style=" width:30px; background-color:#00F; color:#FFF;">#00F</td>
<td style=" width:30px; background-color:#69C;">#69C</td>
<td style=" width:30px; background-color:#FED;">#FED</td>
</tr>
<tr height=60>
<td style=" width:30px; background-color:#222; color:#FFF;">#222</td>
<td style=" width:30px; background-color:#26A;">#26A</td>
<td style=" width:30px; background-color:#2A6;">#2A6</td>
<td style=" width:30px; background-color:#2AA;">#2AA</td>
<td style=" width:30px; background-color:#266;">#266</td>
<td style=" width:30px; background-color:#2A2;">#2A2</td>
<td style=" width:30px; background-color:#226; color:#FFF;">#226</td>
<td style=" width:30px; background-color:#666; color:#FFF;">#666</td>
<td style=" width:30px; background-color:#6A2;">#6A2</td>
<td style=" width:30px; background-color:#62A; color:#FFF;">#62A</td>
<td style=" width:30px; background-color:#622; color:#FFF;">#622</td>
<td style=" width:30px; background-color:#6AA;">#6AA</td>
</tr>
<tr height=60>
<td style=" width:30px; background-color:#6A6;">#6A6</td>
<td style=" width:30px; background-color:#66A;">#66A</td>
<td style=" width:30px; background-color:#662;">#662</td>
<td style=" width:30px; background-color:#AAA;">#AAA</td>
<td style=" width:30px; background-color:#A62;">#A62</td>
<td style=" width:30px; background-color:#A26;">#A26</td>
<td style=" width:30px; background-color:#AA2;">#AA2</td>
<td style=" width:30px; background-color:#AA6;">#AA6</td>
<td style=" width:30px; background-color:#A66;">#A66</td>
<td style=" width:30px; background-color:#A22; color:#FFF;">#A22</td>
<td style=" width:30px; background-color:#A6A;">#A6A</td>
<td style=" width:30px; background-color:#310; color:#FFF;">#310</td>
</tr>

</table>