Qual è il colore di collegamento HTML / CSS predefinito?


161

Ho bisogno della sua rappresentazione del codice, come #FFFFFF.


4
In quale browser? (Non esiste uno "standard" definito).
John Parker,

6
La domanda può essere interpretata come relativa sia alla pratica del browser che alle raccomandazioni. Soprattutto ora che HTML5 sta per standardizzare i colori (come "rendering previsto"), la domanda è sull'argomento e dovrebbe essere riaperta. Si noti che la risposta con la maggior parte dei voti non corrisponde alla pratica corrente e alla CR HTML5.
Jukka K. Korpela,

1
@Jukka K. Korpela - Nota anche che "la risposta con più voti" è un obiettivo mobile. Ben intenzionato, ma si prega di fare riferimento a una risposta specifica.
Nicolas

Risposte:


205

A partire da HTML5, i colori di primo piano dei collegamenti ipertestuali, tra le altre cose, sono sulla buona strada per la standardizzazione sotto forma di linee guida per il comportamento di rendering predefinito previsto . In particolare, presi dalla sezione Phrasing content , i colori predefiniti consigliati per i collegamenti ipertestuali non visitati e visitati sono i seguenti:

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

Si noti che non esiste alcun valore predefinito consigliato per i collegamenti ipertestuali attivi ( :link:active, :visited:active), tuttavia.

È possibile utilizzare questi colori predefiniti e ragionevolmente aspettarsi che funzionino. Ma tieni presente che un browser è libero di ignorare alcune o tutte queste linee guida, in quanto non è mai necessario seguirle. Tuttavia, è consigliato per un'esperienza utente coerente tra i browser (che è come "atteso" è definito in questo contesto), quindi è probabile che questi colori corrispondano ai valori predefiniti per la maggior parte dei browser. Nel peggiore dei casi, servono ancora come approssimazioni ragionevoli dei valori effettivi.

In particolare, i colori dei collegamenti predefiniti non visitati e visitati nelle ultime versioni di Firefox e Chrome sono coerenti con le linee guida di cui sopra, ma le versioni recenti di IE riportano valori diversi: i collegamenti non visitati sono rgb(0, 102, 204)o oppure i #0066CCcollegamenti visitati sono rgb(128, 0, 128)oppure oppure #800080. Le versioni precedenti di Firefox (e forse Safari / Chrome) avevano anche impostazioni predefinite diverse. Quelle sono versioni precedenti, tuttavia; il principale anomalo di cui sono a conoscenza oggi è IE. Non si sa ancora se questo cambierà nel Progetto Spartan - attualmente riflette ancora gli stessi valori dell'ultima versione di IE.

Se stai cercando una combinazione di colori standard che viene utilizzata da tutti i browser anziché suggerita da HTML5, allora non ce n'è uno. Né esiste un modo per ripristinare il valore predefinito di un browser per una particolare proprietà su un elemento particolare utilizzando CSS puro. Dovrai utilizzare i colori suggeriti da HTML5, o ideare la tua combinazione di colori e usarli invece. Entrambe queste opzioni avranno la precedenza sulle impostazioni predefinite di un browser, indipendentemente dal browser.

In caso di dubbio, puoi sempre utilizzare la about:blanktecnica che ho descritto prima per annusare i colori predefiniti, poiché rimane applicabile oggi. Puoi usarlo per annusare il colore del collegamento attivo in tutti i browser, ad esempio; nell'ultima versione di Firefox (29 a partire da questo aggiornamento), è rgb(238, 0, 0)o #EE0000.


Grazie, ma esiste un codice medio per Mozilla, Safari, ovvero Chrome? non solo "blu" predefinito? Ho bisogno che tutti gli stili di link (visitati, in bilico) siano in stile predefinito ..
Bill

91
  • collegamento standard - # 0000FF // blu
  • link visitato - # 800080 // viola
  • collegamento attivo - # FF0000 // rosso

quello era uno standard ma ora differisce notevolmente per browser. (da quando Nielsen ha rinunciato;)


13
Non sono sicuro del motivo per cui 66 persone hanno appena preso la parola di questa risposta. Anche se i valori provenissero da uno standard, per il quale questa risposta non fornisce alcuna fonte, tale standard sarebbe stato a lungo obsoleto comunque come implica questa risposta, e utilizzarlo nel nuovo codice sarebbe privo di significato.
BoltClock

@stom: Sembra che dovrebbe invece essere una risposta separata. Anche se intendevi che fosse un link sorgente, non è una fonte valida poiché nessuno dei tre valori qui appare lì.
BoltClock

16

I colori predefiniti in Gecko, supponendo che l'utente non abbia modificato le proprie preferenze, sono:

  • collegamento standard: #0000EE(blu)
  • link visitato: #551A8B(viola)
  • collegamento attivo: #EE0000(rosso)

fonte

Gecko fornisce anche nomi per i colori dell'utente; lo sono -moz-hyperlinktext -moz-visitedhyperlinktexte -moz-activehyperlinktextforniscono anche -moz-nativehyperlinktextqual è il colore del collegamento di sistema.


4

Secondo il foglio di stile HTML predefinito ufficiale , non esiste un colore di collegamento predefinito definito. Tuttavia, puoi scoprire il valore predefinito utilizzato dal tuo browser prendendo uno screenshot e usando lo strumento pipetta in qualsiasi editor grafico decente o utilizzando gli strumenti di sviluppo del tuo browser (seleziona un aelemento, cerca computed values>color).


3

Sono abituato al colore di Chrome, quindi il colore blu in Chrome per il collegamento è #007bff


1

Dipende interamente dal sito Web che si sta visitando e, in assenza di una sovrascrittura sul sito Web, dal browser. Non esiste uno standard per questo.


1

Per me, su Chrome (aggiornato a giugno 2018) il colore per un collegamento non visitato è # 2779F6. Puoi sempre farlo ingrandendo molto da vicino, facendo uno screenshot e visitando un sito web come html-color-codes.info che convertirà uno screenshot in un codice colore.


0

Il modo migliore per ottenere lo stile predefinito di un browser su qualcosa è in primo luogo lo stile dell'elemento.


3
Il problema è che a volte lo stile proviene da una biblioteca. Abbiamo appena notato che il foglio di stile predefinito dell'interfaccia utente di jQuery contiene .ui-widget-content a { color: black; }, quindi tutti i collegamenti nelle schede perdono la loro normale colorazione. Vorrei sovrascriverlo e ottenere solo i colori predefiniti del browser (o il foglio di stile personale dell'utente), ma dovrò invece codificare i colori specifici.
Barmar,

2
Un altro momento in cui potresti voler conoscere i valori RGB è se vuoi includere una grafica che corrisponda al colore dei collegamenti
marcelnijman,

0

In CSS è possibile utilizzare la stringa di colore currentColorall'interno di un collegamento per ad esempio rendere il bordo dello stesso colore del colore predefinito del collegamento:

.example {
    border: 1px solid currentColor;
}

0

Codice colore html predefinito come questo:

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)
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.