Aide:Couleur : Différence entre versions

De Ekopedia
Aller à : navigation, rechercher
m (→‎Table de couleurs plus complète : màj)
(ajout sections Affichage de mots et liens en couleur + liens internes)
Ligne 2 : Ligne 2 :
  
 
Les couleurs sont définies par un nombre hexadécimal à 6 chiffres, résultat de la juxtaposition des valeurs hexadécimales de leurs composantes rouge, verte et bleue : #<font color="#d04040">'''RR'''</font><font color="#40d040">'''VV'''</font><font color="#4040d0">'''BB'''</font>.
 
Les couleurs sont définies par un nombre hexadécimal à 6 chiffres, résultat de la juxtaposition des valeurs hexadécimales de leurs composantes rouge, verte et bleue : #<font color="#d04040">'''RR'''</font><font color="#40d040">'''VV'''</font><font color="#4040d0">'''BB'''</font>.
 +
 +
 +
== Affichage de mots et liens en couleur ==
 +
 +
{| class="ekotable" width="100%"
 +
! <big>Exemple de couleurs simples</big> !! <big>Résultats</big>
 +
|-
 +
| {{m|vert|Ces quelques mots pour vous dire, que sur '''Ekopédia''', comme ailleurs, il n'est pas de bon ton, d'abuser de la couleur...}}
 +
|  {{vert|Ces quelques mots pour vous dire, que sur '''Ekopédia''', comme ailleurs, il n'est pas de bon ton, d'abuser de la couleur...}}
 +
|-
 +
| .
 +
| .
 +
|-
 +
| {{m|orange|ANNONCE en orange : [[Ekopedia:Limitez l'usage de la couleur dans les articles]]}}
 +
|  {{orange|ANNONCE en orange : [[Ekopedia:Limitez l'usage de la couleur dans les articles]]}}
 +
|-
 +
| .
 +
| .
 +
|-
 +
| [[:Catégorie:Ébauche|{{m|gris|Lien catégoriel actif : "S.V.P : Ne réalisez plus d'Ébauche d'Article" grisâtre...]]}}
 +
| [[:Catégorie:Ébauche|{{gris|Lien catégoriel actif : "S.V.P : Ne réalisez plus d'Ébauche d'Article" grisâtre...}}]]
 +
|-
 +
| .
 +
| .
 +
|-
 +
| [[:Catégorie:Créer et rédiger un Article|{{m|Marron|'''"Créer et rédiger un Article de Haute qualité Ekopédia"''',}}{{m|rose|<big>'''''c'est la Vie en rose !'''''</big>}}]]
 +
| [[:Catégorie:Créer et rédiger un Article|{{Marron|'''"Créer et rédiger un Article de Haute qualité Ekopédia"''',}} {{rose|<big>'''''c'est la Vie en rose !'''''</big>}}]]
 +
|-
 +
| .
 +
| .
 +
|-
 +
|}
 +
 +
== Couleurs de texte ==
 +
 +
En général, à ne pas utiliser dans les articles ; ils sont plutôt utiles pour les pages méta, prises de décisions, etc.
 +
 +
{| align="center" rules="all" style="border: 1px solid #999;" cellspacing="0" cellpadding="3"
 +
|-bgcolor="#DFDFDF"
 +
! style="text-align: center" | Syntaxe et explications
 +
! width="50%" | Résultat
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Rouge|Rouge]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Rouge|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Vert|Vert]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Vert|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Bleu|Bleu]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Bleu|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Jaune|Jaune]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Jaune|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Orange|Orange]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Orange|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Gris|Gris]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Gris|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Marron|Marron]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Marron|Lorem ipsum labore vivendo vis in}}
 +
|-
 +
| <nowiki>{{</nowiki>[[Modèle:Rose|Rose]]<nowiki>|</nowiki>''Texte coloré''}}
 +
| {{Rose|Lorem ipsum labore vivendo vis in}}
 +
|}
  
 
== Quelles couleurs ? ==
 
== Quelles couleurs ? ==
Ligne 358 : Ligne 424 :
 
|}
 
|}
  
−
== Couleurs de texte ==
+
==Table de couleurs plus complète==
−
 
+
Une table de couleurs très détaillée est disponible sur '''[[Aide:Couleurs/Table détaillée]]'''. Attention cette page excède les 34 ko !
−
En général, à ne pas utiliser dans les articles ; ils sont plutôt utiles pour les pages méta, prises de décisions, etc.
 
−
 
 
−
{| align="center" rules="all" style="border: 1px solid #999;" cellspacing="0" cellpadding="3"
 
−
|-bgcolor="#DFDFDF"
 
−
! style="text-align: center" | Syntaxe et explications
 
−
! width="50%" | Résultat
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Rouge|Rouge]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Rouge|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Vert|Vert]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Vert|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Bleu|Bleu]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Bleu|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Jaune|Jaune]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Jaune|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Orange|Orange]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Orange|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Gris|Gris]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Gris|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Marron|Marron]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Marron|Lorem ipsum labore vivendo vis in}}
 
−
|-
 
−
| <nowiki>{{</nowiki>[[Modèle:Rose|Rose]]<nowiki>|</nowiki>''Texte coloré''}}
 
−
| {{Rose|Lorem ipsum labore vivendo vis in}}
 
−
|}
 
  
  
−
==Table de couleurs plus complète==
+
== Liens internes ==
−
Une table de couleurs très détaillée est disponible sur '''[[Aide:Couleurs/Table détaillée]]'''. Attention cette page excède les 34 ko !
+
* [[Ekopedia:Limitez l'usage de la couleur dans les articles]]
 +
* [[Modèle:Principales couleurs]]
  
 
== Liens externes ==
 
== Liens externes ==
Ligne 400 : Ligne 436 :
  
 
* [http://www.ficml.org/jemimap/style/color/couleur.html www.ficml.org - Palette de 4096 couleurs]
 
* [http://www.ficml.org/jemimap/style/color/couleur.html www.ficml.org - Palette de 4096 couleurs]
−
 
+
<br />
 +
<br />
  
 
[[catégorie:Aide|Couleur]]
 
[[catégorie:Aide|Couleur]]

Version du 21 octobre 2011 à 16:57

Cette page propose aux contributeurs plusieurs palettes de couleurs utilisables pour le paramétrage de tout objet pouvant être affiché en 256×256×256 (soit 16 777 216) couleurs dans Ekopédia ; notamment pour la création de tableau.

Les couleurs sont définies par un nombre hexadécimal à 6 chiffres, résultat de la juxtaposition des valeurs hexadécimales de leurs composantes rouge, verte et bleue : #RRVVBB.


Affichage de mots et liens en couleur

Exemple de couleurs simples Résultats
{{vert|Ces quelques mots pour vous dire, que sur Ekopédia, comme ailleurs, il n'est pas de bon ton, d'abuser de la couleur...}} Ces quelques mots pour vous dire, que sur Ekopédia, comme ailleurs, il n'est pas de bon ton, d'abuser de la couleur...
. .
[[Modèle:orange|{{orange|ANNONCE en orange : Ekopedia:Limitez l'usage de la couleur dans les articles}}]] ANNONCE en orange : Ekopedia:Limitez l'usage de la couleur dans les articles
. .
[[Catégorie:Ébauche|{{gris|Lien catégoriel actif : "S.V.P : Ne réalisez plus d'Ébauche d'Article" grisâtre...}}]] Lien catégoriel actif : "S.V.P : Ne réalisez plus d'Ébauche d'Article" grisâtre...
. .
[[Catégorie:Créer et rédiger un Article|{{Marron|"Créer et rédiger un Article de Haute qualité Ekopédia",}}{{rose|c'est la Vie en rose !}}]] "Créer et rédiger un Article de Haute qualité Ekopédia", c'est la Vie en rose !
. .

Couleurs de texte

En général, à ne pas utiliser dans les articles ; ils sont plutôt utiles pour les pages méta, prises de décisions, etc.

Syntaxe et explications Résultat
{{Rouge|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Vert|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Bleu|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Jaune|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Orange|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Gris|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Marron|Texte coloré}} Lorem ipsum labore vivendo vis in
{{Rose|Texte coloré}} Lorem ipsum labore vivendo vis in

Quelles couleurs ?

Si vous hésitez dans le choix d'une couleur, orientez-vous vers une couleur neutre (gris ou pastel) pour un fond et foncée pour les objets devant ressortir sur fond clair (comme les polices de caractères) ; il est rappelé que l'usage de la couleur est fortement déconseillé pour le texte normal des articles.

Les 3 composantes des gris ont des intensités voisines : l'écart maximal entre ces dernières étant par exemple inférieur au tiers de l'intensité de la composante dominante, soit un maximum de 85 (#55) sur une échelle de 256 valeurs.

Une couleur pastel est une couleur pâle (donc plutôt proche du blanc) dont la somme des intensités de ses composantes rouge, verte ou bleue est importante, soit pratiquement un minimum d'environ 512 (#200) sur 768.

Le fameux adage "les goûts et les couleurs ça ne se discute pas" ne se dément pas, et quelle que soit la couleur que vous choisirez, vous ne ferez sûrement pas l'unanimité. Les couleurs neutres présentent l'avantage de moins accrocher le regard, elles seront donc plus facilement tolérées.

Couleurs douces et pastels

Saturation maximale de 50%. Syntaxe pour mettre ce tableau sur votre page d'utilisateur : {{Principales couleurs}}

Aide-mémoire des principales couleurs

Voir Aide:Couleurs


#E5E5E5 #ECECEC #DFDFDF #B2B2B2 #868686
#FFE5E5 #FFB2B2 #FF8080 #CC6666 #994C4C
#FFEFE5 #FFCFB2 #FFAE80 #CC8B66 #99694C
#FFF9E5 #FFECB2 #FFDF80 #CCB266 #99864C
#FCFFE5 #F6FFB2 #F0FF80 #C0CC66 #90994C
#F2FFE5 #D9FFB2 #BFFF80 #99CC66 #73994C
#E9FFE5 #BDFFB2 #90FF80 #74CC66 #57994C
#E5FFEC #B2FFC6 #80FF9F #66CC80 #4C9960
#E5FFF5 #B2FFE2 #80FFCE #66CCA5 #4C997C
#E5FFFF #B2FFFF #80FFFF #66CCCC #4C9999
#E5F6FF #B2E3FF #80D0FF #66A7CC #4C7D99
#E5ECFF #B2C6FF #809FFF #6680CC #4C6099
#E8E5FF #BBB2FF #8E80FF #7266CC #554C99
#F2E5FF #D9B2FF #BF80FF #9966CC #734C99
#FCE5FF #F5B2FF #EE80FF #BE66CC #8F4C99
#FFE5F9 #FFB2EC #FF80DF #CC66B2 #994C86
#FFE5EF #FFB2D0 #FF80B0 #CC668D #994C6A


La palette de Windows

Valeurs hexadécimales (ajouter le préfixe #) à utiliser pour les couleurs de la palette
FF8080 FFFF80 80FF80 00FF80 80FFFF 0080FF FF80C0 FF80FF
FF0000 FFFF00 80FF00 00FF40 00FFFF 0080C0 8080C0 FF00FF
804040 FF8040 00FF00 008080 004080 8080FF 800040 FF0080
800000 FF8000 008000 008040 0000FF 0000A0 800080 8000FF
400000 804000 004000 004040 000080 000040 400040 400080
000000 808000 808040 808080 408080 C0C0C0 400040 FFFFFF

Couleurs

Le tableau ci-dessous donne, dans la partie supérieure, des couleurs échelonnées sur des écarts de 17 unités sur chaque paramètres de couleur, pour avoir un écart identique entre les cases prises deux à deux, d'un bout à l'autre du tableau. La partie inférieure du tableau donne diverses couleurs complexes.

001100 002200 003300 004400 005500 006600 007700 008800 009900 00aa00 00bb00 00cc00 00dd00 00ee00 00ff00
11ff11 22ff22 33ff33 44ff44 55ff55 66ff66 77ff77 88ff88 99ff99 aaffaa bbffbb ccffcc ddffdd eeffee ffffff
110000 220000 330000 440000 550000 660000 770000 880000 990000 aa0000 bb0000 cc0000 dd0000 ee0000 ff0000
f11111 f22222 f33333 f44444 ff5555 ff6666 ff7777 ff8888 ff9999 ffaaaa ffbbbb ffcccc ffdddd ffeeee ffffff
000011 000022 000033 000044 000055 000066 000077 000088 000099 0000aa 0000bb 0000cc 0000dd 0000ee 0000ff
1111ff 2222ff 3333ff 4444ff 5555ff 6666ff 7777ff 8888ff 9999ff aaaaff bbbbff ccccff ddddff eeeeff eeeeff
110011 220022 330033 440044 550055 660066 770077 880088 990099 aa00aa bb00bb cc00cc dd00dd ee00ee ff00ff
ff11ff ff22ff ff33ff ff44ff ff55ff ff66ff ff77ff ff88ff ff99ff ffaaff ffbbff ffccff ffddff ffeeff ffeeff
001111 002222 003333 004444 005555 006666 007777 008888 009999 00aaaa 00bbbb 00cccc 00dddd 00eeee 00ffff
11ffff 22ffff 33ffff 44ffff 55ffff 66ffff 77ffff 88ffff 99ffff aaffff bbffff ccffff ddffff eeffff ffffff
111100 222200 333300 444400 555500 666600 777700 888800 999900 aaaa00 bbbb00 cccc00 dddd00 eeee00 ffff00
ffff11 ffff22 ffff33 ffff44 ffff55 ffff66 ffff77 ffff88 ffff99 ffffaa ffffbb ffffcc ffffdd ffffee 123456
FF8050 FFaa80 80FF50 00FF80 80FF10 0080FF FF80C0 FF8088 FF0030 FF4000 80FF00 00FF40 00FF80 0080C0 8040C0
FF0090 804090 FF8040 40FF00 0080aa 004080 aa80FF 800040 FF0080 800022 FF8000 008022 008040 2200FF 3300A0
800020 8000FF 400020 804000 204000 004060 200080 1a0040 600040 400080 102030 804000 802040 80aa40 4080aa
C0bbdd 400060 FFFFFF 003b20 203d00 003210 103400 303510 503600 003750 003870 66ff90 77ff50 88ff40 99ff30
655321 fd36gf 456468 dg4562 aa44ee 33dfdd 232526 9945ff 989898 981245 123299 155115 666666 afaf00 00afaf

Table de couleurs plus complète

Une table de couleurs très détaillée est disponible sur Aide:Couleurs/Table détaillée. Attention cette page excède les 34 ko !


Liens internes

Liens externes

Pour trouver rapidement une couleur précise, voici quelques liens:



Récupérée de « https://www.ekopedia.fr/index.php?title=Aide:Couleur&oldid=99307 »