Modèle:Cadre en couleurs
Cadre-type à Sommet de couleur : Aqua clair (eau) ==> #00FFFF et à fils de Bordures (border) de couleur : Aqua foncé ==> #1E90FF
Utilisation :
- Cadre sans nom de couleur;
- le cadre remplit horizontalement toute la page-écran;
- Et il s'agrandira automatiquement sur le plan vertical, au fur et à mesure que votre texte augmentera en taille...
- Plusieurs cadres sont emboitables l'un dans l'autre, comme dans l'exemple ci-dessous.
- Nota Bene :
- Si votre page se déforme, après Prévisualisation ==> Ajouter cette double instruction : </div>{{clr}} (juste à la suite de {{fin cadre}} )
Syntaxe (à recopier) :
{{début cadre}}
Votre texte qui,
s'il est long,
sera plus facile à organiser dans un plan
{{fin cadre}}
{{début cadre}}
<br />
<center><big>'''''[[Modèle:ébauche|Ébauche]] de ma PAGE-ARTICLE'''''</big></center><br />
{{ligne horizontale 25%}} <br />
* '''Mon texte : Partie N°1'''
** ''blabla''
*** ''blabla''
<br />
----
<br />
* '''Mon texte : Partie N°2'''
# ''blabla''
# ''blabla''
<br />
{{fin cadre}}
... qui donnera à l'écran :
- Mon texte : Partie N°1
- blabla
- blabla
- blabla
- Mon texte : Partie N°2
- blabla
- blabla
Cadre à Sommet de couleur : Bleu (blue) ==> #B2E3FF et à fils de Bordures (border) de couleur : Bleu foncé ==> #0000FF
Utilisation et syntaxe (à recopier) :
{{début cadre Bleu}} ==> (couleur BLEU choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Gris (silver) ==> #C0C0C0 et à fils de Bordures (border) de couleur : Gris argent ==> #868686
Utilisation et syntaxe (à recopier) :
{{début cadre Gris}} ==> (couleur GRIS choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Jaune (Yellow) ==> #F6FFB2 et à fils de Bordures (border) de couleur : Jaune foncé ==> #FFD700
Utilisation et syntaxe (à recopier) :
{{début cadre Jaune}} ==> (couleur JAUNE choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Marron (brown) ==> #F4A460 et à fils de Bordures (border) de couleur : Marron foncé ==> #800000
Utilisation et syntaxe (à recopier) :
{{début cadre Marron}} ==> (couleur MARRON choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Orange (orange) ==> #FFA500 et à fils de Bordures (border) de couleur : Orange foncé ==> #D2691E
Utilisation et syntaxe (à recopier) :
{{début cadre Orange}} ==> (couleur ORANGE choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Rose (pink) ==> #EE82EE et à fils de Bordures (border) de couleur : Rose-fuchsia ==> #FF00FF
Utilisation et syntaxe (à recopier) :
{{début cadre Rose}} ==> (couleur ROSE choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Rouge (red) ==> #FF8080 et à fils de Bordures (border) de couleur : Rouge foncé ==> #FF0000
Utilisation et syntaxe (à recopier) :
{{début cadre Rouge}} ==> (couleur ROUGE choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Vert (green) ==> #7FFFD4 et à fils de Bordures (border) de couleur : Vert foncé ==> #008000
Utilisation et syntaxe (à recopier) :
{{début cadre Vert}} ==> (couleur VERT choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
Cadre à Sommet de couleur : Violet (purple) ==> #7D2020 et à fils de Bordures (border) de couleur : Violet foncé ==> #EEBBBB
Utilisation et syntaxe (à recopier) :
{{début cadre Violet}} ==> (couleur VIOLET choisie)
- blabla
- blabla
- blabla
- blabla
- blabla
| Nom de la couleur | Rendu/Name | Hexadécimal |
|---|---|---|
#F0F8FF |
||
#FAEBD7 |
||
| Eau | Aqua | #00FFFF |
#7FFFD4 |
||
#F0FFFF |
||
#F5F5DC |
||
#FFE4C4 |
||
| Black | Black | #000000 |
#FFEBCD |
||
| Blue | Blue | #0000FF |
#8A2BE2 |
||
#A52A2A |
||
#DEB887 |
||
#5F9EA0 |
||
#7FFF00 |
||
#D2691E |
||
#FF7F50 |
||
#6495ED |
||
#FFF8DC |
||
#DC143C |
||
#00FFFF |
||
#00008B |
||
#008B8B |
||
#B8860B |
||
#A9A9A9 |
||
#006400 |
||
#BDB76B |
||
#8B008B |
||
#556B2F |
||
#FF8C00 |
||
#9932CC |
||
#8B0000 |
||
#E9967A |
||
#8FBC8F |
||
#483D8B |
||
#2F4F4F |
||
#00CED1 |
||
#9400D3 |
||
#FF1493 |
||
#00BFFF |
||
#696969 |
||
#1E90FF |
||
#B22222 |
||
#FFFAF0 |
||
#228B22 |
||
| Fuchsia | Fuchsia | #FF00FF |
#DCDCDC |
||
#F8F8FF |
||
#FFD700 |
||
#DAA520 |
||
| Gray | Gray | #808080 |
| Green | Green | #008000 |
#ADFF2F |
||
#F0FFF0 |
||
#FF69B4 |
||
#CD5C5C |
||
#4B0082 |
||
#FFFFF0 |
||
#F0E68C |
||
#E6E6FA |
||
#FFF0F5 |
||
#7CFC00 |
||
#FFFACD |
||
#ADD8E6 |
||
#F08080 |
||
#E0FFFF |
||
#FAFAD2 |
||
#90EE90 |
||
#D3D3D3 |
||
#FFB6C1 |
||
#FFA07A |
||
#20B2AA |
||
#87CEFA |
||
#778899 |
||
#B0C4DE |
||
#FFFFE0 |
||
| Lime | Lime | #00FF00 |
#32CD32 |
||
#FAF0E6 |
||
#FF00FF |
||
| Maroon | Maroon | #800000 |
#66CDAA |
||
#0000CD |
||
#BA55D3 |
||
#9370DB |
||
#3CB371 |
||
#7B68EE |
||
#00FA9A |
||
#48D1CC |
||
#C71585 |
||
#191970 |
||
#F5FFFA |
||
#FFE4E1 |
||
#FFE4B5 |
||
#FFDEAD |
||
| Navy | Navy | #000080 |
#FDF5E6 |
||
| Oolive | Olive | #808000 |
#6B8E23 |
||
#FFA500 |
||
#FF4500 |
||
#DA70D6 |
||
#EEE8AA |
||
#98FB98 |
||
#AFEEEE |
||
#DB7093 |
||
#FFEFD5 |
||
#FFDAB9 |
||
#CD853F |
||
#FFC0CB |
||
#DDA0DD |
||
#B0E0E6 |
||
| Purple | Purple | #800080 |
| Red | Red | #FF0000 |
#BC8F8F |
||
#4169E1 |
||
#8B4513 |
||
#FA8072 |
||
#F4A460 |
||
#2E8B57 |
||
#FFF5EE |
||
#A0522D |
||
| Silver | Silver | #C0C0C0 |
#87CEEB |
||
#6A5ACD |
||
#708090 |
||
#FFFAFA |
||
#00FF7F |
||
#4682B4 |
||
#D2B48C |
||
| Teal | Teal | #008080 |
#D8BFD8 |
||
#FF6347 |
||
#40E0D0 |
||
#EE82EE |
||
#F5DEB3 |
||
| White | White | #FFFFFF |
#F5F5F5 |
||
| Yellow | Yellow | #FFFF00 |
#9ACD32 |
Aide-mémoire des principales 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 |