|
<templatestyles src="Pengguna:Hidayatsrf/style.css" />
[[:fr:Projet:Charte_graphique]]
<div class="drop_card">
== Couleurs ==
test
</div>
=== Palette officielle de la Charte graphique Wikimedia ===
* [https://design.wikimedia.org/style-guide/visual-style_colors.html Visual Style - Colors]
* {{Encart|accessibilite|niveau d’[[Wikipédia:Atelier accessibilité/Bonnes pratiques|accessibilité]] AAA ce qui « pourrait être fait » dans la mesure du possible ; niveau AA ce qui « devrait être fait »}}
Nuances de gris (incluant une teinte bleutée) :
{| class="wikitable"
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Valeur
! scope=col | Nom de la couleur
|-
| style="background:#FFFFFF; color: #000000; font-family: monospace;" | #FFFFFF
| Base100 AAA
| style="background:#C8CCD1; color: #000000; font-family: monospace;" | #C8CCD1
| Base70 AAA
| style="background:#54595d; color: #FFFFFF; font-family: monospace;" | #54595D
| Base20 AAA
|-
| style="background:#F8F9FA; color: #000000; font-family: monospace;" | #F8F9FA
| Base90 AAA
| style="background:#A2A9B1; color: #000000; font-family: monospace;" | #A2A9B1
| Base50 AAA
| style="background:#222222; color: #FFFFFF; font-family: monospace;" | #222222
| Base10 AAA
|-
| style="background:#EAECF0; color: #000000; font-family: monospace;" | #EAECF0
| Base80 AAA
| style="background:#72777d; color: #FFFFFF; font-family: monospace;" | #72777D
| Base30 AA
| style="background:#000000; color: #FFFFFF; font-family: monospace;" | #000000
| Base0 AAA
|}
En plus des nuances de gris, on trouve :
{| class="wikitable"
! scope=col colspan="2" | Bleu
! scope=col colspan="2" | Rouge
! scope=col colspan="2" | Vert
! scope=col colspan="2" | Jaune
|-
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Valeur
! scope=col | Nom de la couleur
|-
| style="background:#EAF3FF; color: #000000; font-family: monospace;" | #EAF3FF
| Accent90 AAA
| style="background:#FEE7E6; color: #000000; font-family: monospace;" | #FEE7E6
| Red90 AAA
| style="background:#D5FDF4; color: #000000; font-family: monospace;" | #D5FDF4
| Green90 AAA
| style="background:#FEF6E7; color: #000000; font-family: monospace;" | #FEF6E7
| Yellow90 AAA
|-
| style="background:#3366CC; color: #FFFFFF; font-family: monospace;" | #3366CC
| Accent50 AA
| style="background:#DD3333; color: #000000; font-family: monospace;" | #DD3333
| Red50 AA
| style="background:#00AF89; color: #000000; font-family: monospace;" | #00AF89
| Green50 AA
| style="background:#FFCC33; color: #000000; font-family: monospace;" | #FFCC33
| Yellow50 AAA
|-
| style="background:#2A4B8D; color: #FFFFFF; font-family: monospace;" | #2A4B8D
| Accent10 AAA
| style="background:#873636; color: #FFFFFF; font-family: monospace;" | #873636
| Red10
| style="background:#14866D; color: #FFFFFF; font-family: monospace;" | #14866D
| Green30 AA
| style="background:#AC6600; color: #FFFFFF; font-family: monospace;" | #AC6600
| Yellow30 AA
|}
=== Palette additionnelle (non officielle) ===
Ces couleurs sont des propositions à l'heure actuelle et ne sont pas des couleurs officielles :
{| class="wikitable"
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Utilisation recommandée
! scope=col | Valeur
! scope=col | Nom de la couleur
! scope=col | Utilisation recommandée
|-
| style="background: #EAECF0; color: #000000; font-family: monospace;" | #EAECF0
| Gris clair
| Statut des contributeurs
| style="background: #A1DA7A; color: #000000; font-family: monospace;" | #A1DA7A
| Vert clair
| Message positif faible
|-
| style="background: #A9DBE7; color: #000000; font-family: monospace;" | #A9DBE7
| Bleu clair
| Pages d'aide, information, etc.
| style="background: #447821; color: #FFFFFF; font-family: monospace;" | #447821
| Vert foncé
| Message positif fort
|-
| style="background: #2A4B8D; color: #FFFFFF; font-family: monospace;" | #2A4B8D
| Bleu foncé
| Pages utilisateur
| style="background: #FF4E4E; color: #000000; font-family: monospace;" | #FF4E4E
| Rouge clair
| Message négatif faible
|}
| 