Voir la source de Choisir des couleurs pour un site Web

= Bibliographie<br>  =

*http://blog.nicolas-birckel.fr/choisir-ses-couleurs-pour-le-webdesign_theorie_des_couleurs/ Les différents shémas<br> 
*http://redalt.com/Tools/I+Like+Your+Colors Pour les fainéants, ce site permet de récupérer les couleurs d'un site que vous voulez copier.<br> 
*http://www.webdevonlinux.fr/2009/02/agave-couleur-harmonieuse-pour-un-bon-design/ propose d'installer agave qui est dans les dépots, et explique comment l'utiliser<br> 
*http://www.createafreewebsite.net/html-color-tool.html permet de créer des palettes facilement 
*http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette liste des sites qui créent des palettes

= Choisir ses couleurs<br>  =

[http://colorschemedesigner.com/ Un site qui permet de choisir son schéma de couleur], très complet, inutile de chercher ailleurs.<br> 

== Les options en images  ==

{|
|-
| Choisir son shéma de couleur et ses teintes de base<br>[[Image:Choisir ses couleurs 01.png|500px|Les teintes de base]] 
| Choisir la saturation<br>[[Image:Choisir ses couleurs 02.png|500px|La saturation]]
|-
| Apprécier le rendu sur l'onglet Light Page Example<br>En clair<br>[[Image:Choisir ses couleurs 03.png|500px|Choisir ses couleurs 03.png]] 
| Clic sur l'image pour afficher l'autre possibilité<br>[[Image:Choisir ses couleurs 04.png|500px|Choisir ses couleurs 04.png]]
|-
| En foncé [[Image:Choisir ses couleurs 05.png|500px|Choisir ses couleurs 05.png]] 
| Clic sur l'image pour afficher l'autre possibilité [[Image:Choisir ses couleurs 06.png|500px|Choisir ses couleurs 06.png]]
|-
| Les codes Hexa des couleurs<br>[[Image:Choisir ses couleurs 07.png|500px|Choisir ses couleurs 07.png]]
|}

= Agave  =

Agave est dans les dépots.<br>Commencer par choisir une couleur de base,<br>que vous pouvez conserver en favoris, ici en <br> 

{|
|-
| '''Mode Monochrome'''<br>[[Image:Agave 04.png|500px|Agave 04.png]] 
| '''Mode Complément'''<br>[[Image:Agave 02.png|500px|Agave 02.png]]
|-
| '''Mode Analogue<br>[[Image:Agave 03.png|500px|Agave 03.png]]''' 
| '''Mode Triades<br>[[Image:Agave 06.png|500px|Agave 06.png]]'''
|-
| '''Mode Tetrades<br>[[Image:Agave 05.png|500px|Agave 05.png]]''' 
| Après modification de l'éclat et de la saturation, en jouant sur les flèches du menu<br>[[Image:Agave 01.png|500px|Agave 01.png]]
|}

= Des palettes pour le wiki.labomedia.org  =

== Test 1  ==

base '''#f2fcff''' 

{|
|-
| [[Image:Wikilabo 05.png|500px|Wikilabo 05.png]] 
| <br>
|-
| [[Image:Wikilabo 02.png|500px|Wikilabo 02.png]] 
| [[Image:Wikilabo 01.png|500px|Wikilabo 01.png]]
|-
| [[Image:Wikilabo 04.png|500px|Wikilabo 04.png]] 
| [[Image:Wikilabo 03.png|500px|Wikilabo 03.png]]
|}

== &nbsp;&nbsp; Test 2<br>  ==

=== base '''#99d0ff'''  ===

{| width="200" cellspacing="10" cellpadding="0" border="0" summary="skin wiki 2"
|+ Test 2 
|-
| [[Image:99d0ff.png]] 
| [[Image:Cce7ff.png]] 
| [[Image:F7fbff.png]] 
| [[Image:E6f3ff.png]]
|}

=== Variante monochromatique  ===

[[Image:Mono 01.png]][[Image:Mono 02.png]] 

[[Image:Mono 03.png]][[Image:Mono 04.png]]

[[Catégorie:Vrac]]