Qual é a cor padrão do link HTML / CSS?


161

Eu preciso da sua representação de código, como #FFFFFF.


4
Em que navegador? (Não há como definido "padrão".)
John Parker

6
A questão pode ser interpretada como relacionada à prática real do navegador e às recomendações. Especialmente agora que o HTML5 está prestes a padronizar as cores (como "renderização esperada"), a questão está no tópico e deve ser reaberta. Observe que a resposta com mais votos não corresponde à prática atual e ao HTML5 CR.
Jukka K. Korpela

1
@Jukka K. Korpela - Observe também que "a resposta com mais votos" é um alvo em movimento. Bem intencionado, mas consulte uma resposta específica.
Nicolas

Respostas:


205

No HTML5, as cores de primeiro plano dos hiperlinks, entre outras coisas, estão no caminho da padronização na forma de diretrizes para o comportamento de renderização padrão esperado . Em particular, extraídas da seção Conteúdo do texto , as cores padrão recomendadas para hiperlinks não visitados e visitados são as seguintes:

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

Observe que :link:active, :visited:active, no entanto, não há padrão recomendado para os hiperlinks ativos ( ).

Você pode usar essas cores padrão e esperar que elas funcionem razoavelmente . Mas lembre-se de que um navegador é livre para ignorar uma ou todas essas diretrizes, pois nunca é necessário segui-las. É, no entanto, recomendado para uma experiência consistente do usuário nos navegadores (que é como "esperado" é definido nesse contexto); portanto, é provável que essas cores correspondam aos padrões da maioria dos navegadores. Na pior das hipóteses, eles ainda servem como aproximações razoáveis dos valores reais.

Em particular, as cores padrão dos links não visitados e visitados nas versões mais recentes do Firefox e Chrome são consistentes com as diretrizes acima, mas as versões recentes do IE relatam valores diferentes: links não visitados são rgb(0, 102, 204), ou #0066CC, e links visitados são rgb(128, 0, 128), ou #800080. As versões mais antigas do Firefox (e possivelmente o Safari / Chrome) também tinham padrões diferentes. Essas são versões mais antigas, no entanto; o principal discrepante hoje que eu conheço é o IE. Ainda não se sabe se isso vai mudar no Project Spartan - atualmente ainda reflete os mesmos valores da versão mais recente do IE.

Se você está procurando um esquema de cores padronizado usado por todos os navegadores, em vez de sugerido pelo HTML5, não existe um. Também não há como reverter para o valor padrão de um navegador para uma propriedade específica em um elemento específico usando CSS puro. Você precisará usar as cores sugeridas pelo HTML5 ou criar seu próprio esquema de cores e usá-lo. Qualquer uma dessas opções terá precedência sobre os padrões de um navegador, independentemente do navegador.

Em caso de dúvida, você sempre pode usar a about:blanktécnica descrita anteriormente para detectar as cores padrão, pois ela ainda é aplicável hoje. Você pode usar isso para detectar a cor do link ativo em todos os navegadores, por exemplo; na versão mais recente do Firefox (29 a partir desta atualização), é rgb(238, 0, 0)ou #EE0000.


Obrigado, mas existe algum código médio para mozilla, safari, ou seja, chrome? não apenas o padrão "azul"? Eu preciso de todos os estilos links (visitados, pairou) para ser padrão em estilo ..
Bill

91
  • link padrão - # 0000FF // azul
  • link visitado - # 800080 // roxo
  • link ativo - # FF0000 // vermelho

esse era um padrão, mas agora difere bastante por navegador. (desde que Nielsen desistiu;)


13
Não sei por que 66 pessoas aceitaram a palavra desta resposta. Mesmo se os valores vieram de um padrão, para o qual essa resposta não fornece nenhuma fonte, esse padrão teria sido obsoleto por muito tempo, como implica essa resposta, e usá-lo no novo código não faria sentido.
BoltClock

@ stom: Parece que deve ser uma resposta separada. Mesmo se você quisesse que fosse um link de origem, não é uma fonte válida, pois nenhum dos três valores aqui aparece lá.
BoltClock

16

As cores padrão no Gecko, assumindo que o usuário não alterou suas preferências, são:

  • link padrão: #0000EE(azul)
  • link visitado: #551A8B(roxo)
  • link ativo: #EE0000(vermelho)

Fonte

Gecko também fornece nomes para as cores do usuário; eles são -moz-hyperlinktext -moz-visitedhyperlinktexte -moz-activehyperlinktexttambém fornecem -moz-nativehyperlinktextqual é a cor do link do sistema.


4

De acordo com a folha de estilo HTML padrão oficial , não há cor de link padrão definida. No entanto, você pode descobrir o padrão usado pelo seu navegador, capturando uma captura de tela e usando a ferramenta pipeta em qualquer editor gráfico decente ou usando as ferramentas de desenvolvedor do seu navegador (selecione um aelemento, procure computed values>color).


3

Estou acostumado com a cor do Chrome, então a cor azul no Chrome para link é #007bff


1

Depende totalmente do site que você está visitando e, na ausência de substituição no site, no navegador. Não existe um padrão para isso.


1

Para mim, no Chrome (atualizado em junho de 2018), a cor de um link não visitado é # 2779F6. Você sempre pode obtê-lo ampliando muito de perto, tirando uma captura de tela e visitando um site como html-color-codes.info que converterá uma captura de tela em um código de cores.


0

A melhor maneira de obter o estilo padrão de um navegador é não estilizar o elemento em primeiro lugar.


3
O problema é que, às vezes, o estilo vem de uma biblioteca. Acabamos de notar que a folha de estilo padrão da UI do jQuery contém .ui-widget-content a { color: black; }, portanto, todos os links nas guias perdem a cor normal. Gostaria de substituir isso e obter as cores padrão do navegador (ou a folha de estilo pessoal do usuário), mas, em vez disso, terei que codificar cores específicas.
Barmar

2
Outro momento em que você pode querer saber os valores RGB é se você quiser incluir gráficos que combina com a cor dos links
marcelnijman

0

No CSS, você pode usar a sequência de cores currentColordentro de um link para, por exemplo, tornar a borda da mesma cor que a cor padrão do link:

.example {
    border: 1px solid currentColor;
}

0

Código de cores html padrão como este:

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)
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.