Reputation: 2277
I need its code representation, like #FFFFFF
.
Upvotes: 224
Views: 559872
Reputation: 724592
As of HTML5, the foreground colors of hyperlinks, among other things, are on track for standardization in the form of guidelines for expected default rendering behavior. In particular, taken from the section Phrasing content, the recommended default colors for hyperlinks are the following:
:link { color: #0000EE; }
:visited { color: #551A8B; }
:link:active, :visited:active { color: #FF0000; }
You can use these default colors and reasonably expect them to work. But keep in mind that a browser is free to ignore any or all of these guidelines, as it is never required to follow them. It is, however, recommended for a consistent user experience across browsers (which is how "expected" is defined in this context), so chances are that these colors will correspond to the defaults for most browsers. At worst, they still serve as reasonable approximations of the actual values.
In particular, the default link colors in the latest versions of Firefox and Chrome are consistent with the above guidelines, but recent versions of IE report different values: unvisited links are rgb(0, 102, 204)
, or #0066CC
, and visited links are rgb(128, 0, 128)
, or #800080
. Older versions of Firefox (and possibly Safari/Chrome) had different defaults as well. Those are older versions, however; the main outlier today that I am aware of is IE. No word yet on whether this will change in Project Spartan — currently it still reflects the same values as the latest version of IE.
If you are looking for a standardized color scheme that is used by all browsers rather than suggested by HTML5, then there isn't one. Neither is there a way to revert to a browser's default value for a particular property on a particular element using pure CSS. You will have to either use the colors suggested by HTML5, or devise your own color scheme and use that instead. Either of these options will take precedence over a browser's defaults, regardless of browser.
If in doubt, you can always use the about:blank
technique I described before to sniff out the default colors, as it remains applicable today. You can use this to sniff the active link color in all browsers, for example; in the latest version of Firefox (29 as of this update), it's rgb(238, 0, 0)
, or #EE0000
.
Upvotes: 308
Reputation: 51
The CSS system color keyword LinkText
provides a modern approach to applying the browser's default link color. Defined within the CSS Color Module Level 4 specification (W3C), LinkText
enables web developers to use colors that align with the user's system theme or the browser's default styling. According to the compatibility tables (MDN), LinkText
enjoys broad support across major browsers.
Example usage:
a:link {
color: LinkText; /* Applies the browser's default link color */
}
Upvotes: 5
Reputation: 83
Use the revert css keyword.
a {
color: revert;
}
For uBlock Origin htmlgiant.com##a:style(color:revert !important;)
Upvotes: 7
Reputation: 109
For me, on Chrome (updated June 2018) the color for an unvisited link is #2779F6. You can always get this by zooming in really close, taking a screenshot, and visiting a website like html-color-codes.info that will convert a screenshot to a color code.
Upvotes: 3
Reputation: 21
Default html color code like this:
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)
Upvotes: 1
Reputation: 737
I am used to Chrome's color
so the blue color in Chrome for link is #007bff
Upvotes: 7
Reputation: 6313
In CSS you can use the color string currentColor
inside a link to eg make the border the same color as your default link color:
.example {
border: 1px solid currentColor;
}
Upvotes: 0
Reputation: 21864
that was a standard but heavily differs per browser now. (since Nielsen gave it up ;)
Upvotes: 101
Reputation: 55432
The default colours in Gecko, assuming the user hasn't changed their preferences, are:
#0000EE
(blue)#551A8B
(purple)#EE0000
(red)Gecko also provides names for the user's colours; they are -moz-hyperlinktext
-moz-visitedhyperlinktext
and -moz-activehyperlinktext
and they also provide -moz-nativehyperlinktext
which is the system link colour.
Upvotes: 21
Reputation: 435
The best way to get a browser's default styling on something is to not style the element at all in the first place.
Upvotes: 0
Reputation: 288298
According to the official default HTML stylesheet, there is no defined default link color. However, you can find out the default your browser uses by either taking a screenshot and using the pipette tool in any decent graphic editor or using the developer tools of your browser (select an a
element, look for computed values>color
).
Upvotes: 4
Reputation: 61497
Entirely depends on the website you are visiting, and in absence of an overwrite on the website, on the browser. There is no standard for that.
Upvotes: 1