silver en CSS

Valeur normative : W3C — CSS Color 4, named colors.

Ce mot-clé appartient à la liste CSS normative. Un nom de peinture, de textile ou de marque identique peut désigner une autre apparence : conservez toujours la valeur et l’espace couleur avec le nom.

Les mots-clés sont pratiques pour un prototype ou un exemple pédagogique. Dans un système de design, une variable sémantique documentée facilite les changements, les thèmes et l’audit des usages.

.par-mot-cle { color: silver; }
.par-valeur { color: #C0C0C0; }
.avec-alpha { background: rgb(192 192 192 / 65%); }
:root { --accent-interface: silver; }

La syntaxe moderne autorise l’alpha avec la barre oblique dans rgb() et hsl(). Référence : W3C — CSS Color 4.

const element = document.querySelector('.exemple');
const valeur = getComputedStyle(element).color;
console.log(valeur); // valeur composée et sérialisée par le navigateur

Inspectez l’élément dans son état réel — thème, pseudo-classe, opacité du parent et arrière-plan inclus. Pour un test de contraste, utilisez la couleur visible après composition, pas seulement le jeton déclaré dans le fichier CSS.

Sur silver, le contraste avec le blanc pur est de 1.82:1 et celui avec le noir pur de 11.54:1. Parmi ces deux choix, le noir est le plus contrasté ; vérifiez encore le seuil applicable au texte réel.

Une couleur ne doit pas être l’unique moyen de communiquer une information. Ajoutez libellé, icône, forme ou motif lorsque le sens est important. Source : WCAG 2.2.