¿Cuál es el color predeterminado del enlace HTML / CSS?


161

Necesito su representación de código, como #FFFFFF.


44
¿En que navegador? (No hay un "estándar" definido).
John Parker

66
La pregunta puede interpretarse como que relaciona tanto la práctica real del navegador como las recomendaciones. Especialmente ahora que HTML5 está a punto de estandarizar los colores (como "representación esperada"), la pregunta es sobre el tema y debe reabrirse. Tenga en cuenta que la respuesta con la mayoría de los votos no corresponde a la práctica actual y HTML5 CR.
Jukka K. Korpela

1
@Jukka K. Korpela - Tenga en cuenta también que "la respuesta con más votos" es un objetivo en movimiento. Bien intencionado, pero por favor refiérase a una respuesta específica.
Nicolas

Respuestas:


205

A partir de HTML5, los colores de primer plano de los hipervínculos, entre otras cosas, están en camino de estandarizarse en forma de pautas para el comportamiento de representación predeterminado esperado . En particular, tomado de la sección Contenido de fraseo , los colores predeterminados recomendados para hipervínculos no visitados y visitados son los siguientes:

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

Tenga en cuenta que no hay un valor predeterminado recomendado para los hipervínculos activos (:link:active, :visited:active ).

Puede usar estos colores predeterminados y esperar razonablemente que funcionen. Pero tenga en cuenta que un navegador es libre de ignorar cualquiera o todas estas pautas, ya que nunca es necesario seguirlas. Sin embargo, se recomienda para una experiencia de usuario coherente en todos los navegadores (que es cómo se define "esperado" en este contexto), por lo que es probable que estos colores correspondan a los valores predeterminados para la mayoría de los navegadores. En el peor de los casos, todavía sirven como aproximaciones razonables. de los valores reales.

En particular, los colores de enlace visitados y no visitados predeterminados en las últimas versiones de Firefox y Chrome son consistentes con las pautas anteriores, pero las versiones recientes de IE informan diferentes valores: los enlaces no visitados son rgb(0, 102, 204), o #0066CC, y los enlaces visitados son rgb(128, 0, 128), o#800080 . Las versiones anteriores de Firefox (y posiblemente Safari / Chrome) también tenían valores predeterminados diferentes. Sin embargo, esas son versiones anteriores; el principal valor atípico que conozco hoy es IE. Aún no se sabe si esto cambiará en Project Spartan, actualmente todavía refleja los mismos valores que la última versión de IE.

Si está buscando un esquema de color estandarizado que sea utilizado por todos los navegadores en lugar de sugerido por HTML5, entonces no hay ninguno. Tampoco hay una manera de volver al valor predeterminado de un navegador para una propiedad particular en un elemento particular usando CSS puro. Tendrá que usar los colores sugeridos por HTML5 o diseñar su propio esquema de colores y usarlo en su lugar. Cualquiera de estas opciones tendrá prioridad sobre los valores predeterminados de un navegador, independientemente del navegador.

En caso de duda, siempre puede utilizar la about:blanktécnica que describí antes para detectar los colores predeterminados, ya que sigue siendo aplicable hoy. Puede usar esto para detectar el color del enlace activo en todos los navegadores, por ejemplo; en la última versión de Firefox (29 a partir de esta actualización), es rgb(238, 0, 0), o #EE0000.


Gracias, pero ¿hay algún código promedio para mozilla, safari, es decir, cromo? no solo por defecto "azul"? Necesito que todos los estilos de enlaces (visitados, suspendidos) tengan un estilo predeterminado ..
Bill

91
  • enlace estándar - # 0000FF // azul
  • enlace visitado - # 800080 // púrpura
  • enlace activo - # FF0000 // rojo

ese era un estándar pero ahora difiere mucho por navegador. (desde que Nielsen lo abandonó)


13
No estoy seguro de por qué 66 personas simplemente tomaron la palabra de esta respuesta. Incluso si los valores provienen de un estándar, para el cual esta respuesta no proporciona ninguna fuente, ese estándar habría quedado obsoleto de todos modos, como lo indica esta respuesta, y usarlo en un código nuevo no tendría sentido.
BoltClock

@stom: Parece que debería ser una respuesta separada en su lugar. Incluso si quisieras que fuera un enlace fuente, no es una fuente válida ya que ninguno de los tres valores aquí aparecen allí.
BoltClock

16

Los colores predeterminados en Gecko, suponiendo que el usuario no haya cambiado sus preferencias, son:

  • enlace estándar: #0000EE(azul)
  • enlace visitado: #551A8B (morado)
  • enlace activo: #EE0000(rojo)

Fuente

Gecko también proporciona nombres para los colores del usuario; son -moz-hyperlinktext -moz-visitedhyperlinktexty -moz-activehyperlinktexty también proporcionan -moz-nativehyperlinktextcuál es el color del enlace del sistema.


4

De acuerdo con la hoja de estilo HTML predeterminada oficial , no hay un color de enlace predeterminado definido. Sin embargo, puede averiguar el valor predeterminado que usa su navegador tomando una captura de pantalla y usando la herramienta de pipeta en cualquier editor gráfico decente o usando las herramientas de desarrollador de su navegador (seleccione un aelemento, busque computed values>color).


3

Estoy acostumbrado al color de Chrome, por lo que el color azul en Chrome para el enlace es #007bff


1

Depende completamente del sitio web que está visitando y, en ausencia de una sobrescritura en el sitio web, en el navegador. No hay un estándar para eso.


1

Para mí, en Chrome (actualizado en junio de 2018), el color para un enlace no visitado es # 2779F6. Siempre puede obtener esto al acercarse mucho, tomar una captura de pantalla y visitar un sitio web como html-color-codes.info que convertirá una captura de pantalla en un código de color.


0

La mejor manera de obtener el estilo predeterminado de un navegador en algo es no diseñar el elemento en absoluto en primer lugar.


3
El problema es que a veces el estilo proviene de una biblioteca. Acabamos de notar que la hoja de estilo predeterminada de jQuery UI contiene .ui-widget-content a { color: black; }, por lo que los enlaces en pestañas pierden su color normal. Me gustaría anular eso y solo obtener los colores predeterminados del navegador (o la hoja de estilo personal del usuario), pero en su lugar tendré que codificar colores específicos.
Barmar

2
Otro momento en el que es posible que desee conocer los valores RGB es si desea incluir gráficos que coincidan con el color de los enlaces
marcelnijman

0

En CSS, puede usar la cadena de color currentColordentro de un enlace para, por ejemplo, hacer que el borde sea del mismo color que el color de enlace predeterminado:

.example {
    border: 1px solid currentColor;
}

0

Código de color html predeterminado 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)
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.