Wikilivres

« Le langage CSS/Valeurs et unités » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
→‎Les couleurs : (en cours...)
Ligne 51 :
Les couleurs et les codes #RRVVBB correspondants sont présentés dans le tableau ci-dessous.
 
<div style="display: flex;flex-wrap: wrap;">
<div style="width: 31%; margin-right: 2%;">
{| class="wikitable"
|+ Les 17 couleurs web officiellesinitialement reconnues
! nom || valeur || rendu
{{/Couleur|maroon|800000}}
|-▼
{{/Couleur|maroon|800000}}
| maroon || #800000 || class="couleurcellule" style="background-color:#800000" |
{{/Couleur|red|ff0000}}
|-▼
{{/Couleur|orange|ffA500}}
| red || #ff0000 || class="couleurcellule" style="background-color:#ff0000" |
{{/Couleur|yellow|ffff00}}
|-▼
{{/Couleur|olive|808000}}
| orange || #ffA500 || class="couleurcellule" style="background-color:#ffA500" |
{{/Couleur|purple|800080}}
|-
{{/Couleur|fuchsia|ff00ff}}
| yellow || #ffff00 || class="couleurcellule" style="background-color:#ffff00" |
{{/Couleur|white|ffffff}}
|-
{{/Couleur|lime|00ff00}}
| olive || #808000 || class="couleurcellule" style="background-color:#808000" |
{{/Couleur|green|008000}}
|-
{{/Couleur|navy|000080}}
| purple || #800080 || class="couleurcellule" style="background-color:#800080" |
{{/Couleur|blue|0000ff}}
|-
{{/Couleur|aqua|00ffff}}
| fuchsia || #ff00ff || class="couleurcellule" style="background-color:#ff00ff" |
{{/Couleur|teal|008080}}
|-
{{/Couleur|black|000000}}
| white || #ffffff || class="couleurcellule" style="background-color:#ffffff" |
{{/Couleur|silver|c0c0c0}}
|-
{{/Couleur|gray|808080}}
| lime || #00ff00 || class="couleurcellule" style="background-color:#00ff00" |
|-
| green || #008000 || class="couleurcellule" style="background-color:#008000" |
|-
| navy || #000080 || class="couleurcellule" style="background-color:#000080" |
|-
| blue || #0000ff || class="couleurcellule" style="background-color:#0000ff" |
|-
| aqua || #00ffff || class="couleurcellule" style="background-color:#00ffff" |
|-
| teal || #008080 || class="couleurcellule" style="background-color:#008080" |
|-
| black || #000000 || class="couleurcellule" style="background-color:#000000" |
|-
| silver || #c0c0c0 || class="couleurcellule" style="background-color:#c0c0c0" |
|-
| gray || #808080 || class="couleurcellule" style="background-color:#808080" |
|}
 
{| class="wikitable"
! nom || valeur || rendu
{{/Couleur|aliceblue|f0f8ff}}
{{/Couleur|antiquewhite|faebd7}}
{{/Couleur|aquamarine|7fffd4}}
{{/Couleur|azure|f0ffff}}
{{/Couleur|beige|f5f5dc}}
{{/Couleur|bisque|ffe4c4}}
{{/Couleur|blanchedalmond|ffebcd}}
{{/Couleur|blueviolet|8a2be2}}
{{/Couleur|brown|a52a2a}}
{{/Couleur|burlywook|deb887}}
{{/Couleur|cadetblue|5f9ea0}}
{{/Couleur|chartreuse|7fff00}}
{{/Couleur|chocolate|d2691e}}
{{/Couleur|coral|ff7f50}}
{{/Couleur|cornflowerblue|6495ed}}
{{/Couleur|cornsilk|fff8dc}}
{{/Couleur|crimson|dc143c}}
▲|-}
</div>
<div style="width: 30%; margin-left: 2%;margin-right: 2%;">
{| class="wikitable"
! nom || valeur || rendu
{{/Couleur|gray|808080}}
▲|-}
</div>
<div style="width: 31%; margin-left: 2%;">
{| class="wikitable"
! nom || valeur || rendu
{{/Couleur|gray|808080}}
▲|-}
</div>
</div>
 
D'autres noms de couleurs élargissant cette palette de base ont été définis de manière propriétaire par des navigateurs. Mais en pratique, les concepteurs utilisent majoritairement la notation normalisée <code>#RRVVBB</code>.
Récupérée de « https://fr.wikibooks.org/wiki/Le_langage_CSS/Valeurs_et_unités »