Quelle est la couleur par défaut des liens HTML / CSS?


161

J'ai besoin de sa représentation de code, comme #FFFFFF.


4
Dans quel navigateur? (Il n'y a pas de "standard" défini.)
John Parker

6
La question peut être interprétée comme liée à la fois à la pratique réelle du navigateur et aux recommandations. Surtout maintenant que HTML5 est sur le point de standardiser les couleurs (comme «rendu attendu»), la question est sur le sujet et devrait être rouverte. Notez que la réponse avec la plupart des votes ne correspond pas à la pratique actuelle et HTML5 CR.
Jukka K. Korpela

1
@Jukka K. Korpela - Notez également que "la réponse avec le plus de votes" est une cible mouvante. Bien intentionné, mais veuillez vous référer à une réponse spécifique.
Nicolas

Réponses:


205

À partir de HTML5, les couleurs de premier plan des liens hypertexte, entre autres, sont sur la bonne voie pour une normalisation sous la forme de lignes directrices pour le comportement de rendu par défaut attendu . En particulier, tirées de la section Phrasing content , les couleurs par défaut recommandées pour les hyperliens non visités et visités sont les suivantes:

:link { color: #0000EE; }
:visited { color: #551A8B; }

Notez cependant qu'il n'y a pas de valeur par défaut recommandée pour les hyperliens actifs ( :link:active, :visited:active).

Vous pouvez utiliser ces couleurs par défaut et vous attendre raisonnablement à ce qu’elles fonctionnent. Mais gardez à l'esprit qu'un navigateur est libre d'ignorer tout ou partie de ces directives, car il n'est jamais obligé de les suivre. Cependant, il est recommandé pour une expérience utilisateur cohérente dans tous les navigateurs (c'est ainsi que «attendu» est défini dans ce contexte), il est donc probable que ces couleurs correspondent aux valeurs par défaut de la plupart des navigateurs. Au pire, ils servent toujours d' approximations raisonnables des valeurs réelles.

En particulier, les couleurs par défaut des liens non visités et visités dans les dernières versions de Firefox et Chrome sont cohérentes avec les directives ci-dessus, mais les versions récentes d'IE indiquent des valeurs différentes: les liens non visités sont rgb(0, 102, 204), ou #0066CC, et les liens visités sont rgb(128, 0, 128), ou #800080. Les anciennes versions de Firefox (et peut-être Safari / Chrome) avaient également des valeurs par défaut différentes. Ce sont cependant des versions plus anciennes; la principale valeur aberrante que je connaisse aujourd'hui est IE. On ne sait pas encore si cela changera dans Project Spartan - actuellement, il reflète toujours les mêmes valeurs que la dernière version d'IE.

Si vous recherchez un jeu de couleurs standardisé utilisé par tous les navigateurs plutôt que suggéré par HTML5, il n'y en a pas. Il n'y a pas non plus de moyen de revenir à la valeur par défaut d'un navigateur pour une propriété particulière sur un élément particulier en utilisant du CSS pur. Vous devrez soit utiliser les couleurs suggérées par HTML5, soit concevoir votre propre jeu de couleurs et l'utiliser à la place. L'une ou l'autre de ces options prévaudra sur les valeurs par défaut du navigateur, quel que soit le navigateur.

En cas de doute, vous pouvez toujours utiliser la about:blanktechnique que j'ai décrite précédemment pour flairer les couleurs par défaut, car elle reste applicable aujourd'hui. Vous pouvez l'utiliser pour renifler la couleur du lien actif dans tous les navigateurs, par exemple; dans la dernière version de Firefox (29 à compter de cette mise à jour), c'est rgb(238, 0, 0), ou #EE0000.


Merci, mais y a-t-il un code moyen pour mozilla, safari, ie, chrome? pas seulement par défaut "bleu"? J'ai besoin de tous les styles de liens (visités, survolés) par défaut.
Projet de loi

91
  • lien standard - # 0000FF // bleu
  • lien visité - # 800080 // violet
  • lien actif - # FF0000 // rouge

c'était une norme mais qui diffère fortement d'un navigateur à l'autre. (depuis que Nielsen a abandonné;)


13
Je ne sais pas pourquoi 66 personnes ont simplement pris cette réponse sur parole. Même si les valeurs provenaient d'un standard, pour lequel cette réponse ne fournit aucune source, ce standard serait de toute façon obsolète depuis longtemps, comme l'indique cette réponse, et son utilisation dans un nouveau code n'aurait aucun sens.
BoltClock

@stom: Cela devrait être une réponse distincte à la place. Même si vous vouliez qu'il s'agisse d'un lien source, ce n'est pas une source valide car aucune des trois valeurs ici n'y apparaît.
BoltClock

16

Les couleurs par défaut dans Gecko, en supposant que l'utilisateur n'a pas changé ses préférences, sont:

  • lien standard: #0000EE(bleu)
  • lien visité: #551A8B(violet)
  • lien actif: #EE0000(rouge)

La source

Gecko fournit également des noms pour les couleurs de l'utilisateur; ils sont -moz-hyperlinktext -moz-visitedhyperlinktextet -moz-activehyperlinktextet ils fournissent également -moz-nativehyperlinktextla couleur du lien système.


4

Selon la feuille de style HTML officielle par défaut , il n'y a pas de couleur de lien par défaut définie. Cependant, vous pouvez découvrir la valeur par défaut utilisée par votre navigateur en prenant une capture d'écran et en utilisant l'outil pipette dans n'importe quel éditeur graphique décent ou en utilisant les outils de développement de votre navigateur (sélectionnez un aélément, recherchez computed values>color).


3

Je suis habitué à la couleur de Chrome, donc la couleur bleue dans Chrome pour le lien est #007bff


1

Dépend entièrement du site Web que vous visitez et, en l'absence d'écrasement sur le site Web, du navigateur. Il n'y a pas de norme pour cela.


1

Pour moi, sur Chrome (mis à jour en juin 2018), la couleur d'un lien non visité est # 2779F6. Vous pouvez toujours l'obtenir en zoomant de très près, en prenant une capture d'écran et en visitant un site Web comme html-color-codes.info qui convertira une capture d'écran en code couleur.


0

La meilleure façon d'obtenir le style par défaut d'un navigateur sur quelque chose est de ne pas styler du tout l'élément en premier lieu.


3
Le problème est que parfois le style provient d'une bibliothèque. Nous venons de remarquer que la feuille de style par défaut de jQuery UI contient .ui-widget-content a { color: black; }, donc tous les liens dans les onglets perdent leur couleur normale. J'aimerais remplacer cela et obtenir simplement les couleurs par défaut du navigateur (ou la feuille de style personnelle de l'utilisateur), mais à la place, je devrai coder en dur des couleurs spécifiques.
Barmar

2
Un autre moment où vous voudrez peut-être connaître les valeurs RVB est si vous souhaitez inclure des graphiques qui correspondent à la couleur des liens
marcelnijman

0

En CSS, vous pouvez utiliser la chaîne de couleur à l' currentColorintérieur d'un lien pour par exemple rendre la bordure de la même couleur que votre couleur de lien par défaut:

.example {
    border: 1px solid currentColor;
}

0

Code de couleur html par défaut comme celui-ci:

Red      #FF0000  rgb(255, 0, 0)
Maroon   #800000  rgb(128, 0, 0)
Yellow   #FFFF00  rgb(255, 255, 0)
Olive    #808000  rgb(128, 128, 0)
Blue     #0000FF  rgb(0, 0, 255)
Navy     #000080  rgb(0, 0, 128)
Fuchsia  #FF00FF  rgb(255, 0, 255)
Purple   #800080  rgb(128, 0, 128)
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.