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;)
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:
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.
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).
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.
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:
Respostas:
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:
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ãorgb(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.fonte
esse era um padrão, mas agora difere bastante por navegador. (desde que Nielsen desistiu;)
fonte
As cores padrão no Gecko, assumindo que o usuário não alterou suas preferências, são:
#0000EE(azul)#551A8B(roxo)#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.fonte
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, procurecomputed values>color).fonte
Estou acostumado com a cor do Chrome, então a cor azul no Chrome para link é
#007bfffonte
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.
fonte
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.
fonte
A melhor maneira de obter o estilo padrão de um navegador é não estilizar o elemento em primeiro lugar.
fonte
.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.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:fonte
Código de cores html padrão como este:
fonte