デフォルトのHTML / CSSリンクの色は何ですか?


161

のようなコード表現が必要#FFFFFFです。


4
どのブラウザで?(定義された「標準」はありません。)
ジョンパーカー

6
この質問は、実際のブラウザの実践と推奨事項の両方に関連していると解釈できます。特にHTML5が色を(「期待されるレンダリング」として)標準化しようとしている今、問題はトピックに関するものであり、再度開く必要があります。ほとんどの投票での回答は、現在の慣行およびHTML5 CRに対応していないことに注意してください。
Jukka K. Korpela 2013年

1
@Jukka K. Korpela-「投票数が最も多い回答」が動くターゲットであることにも注意してください。意図的ですが、具体的な回答を参照してください。
ニコラ

回答:


205

HTML5以降、ハイパーリンクの前景色は、期待されるデフォルトのレンダリング動作に関するガイドラインの形で標準化される予定です。特に、「フレージングコンテンツ」のセクションから、未訪問および訪問済みのハイパーリンクに推奨されるデフォルトの色は次のとおりです。

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

:link:active, :visited:activeただし、アクティブなハイパーリンク()には推奨されるデフォルトがないことに注意してください。

これらのデフォルトの色を使用して、適切に機能することを期待できます。ただし、これらのガイドラインに従う必要がないため、ブラウザはこれらのガイドラインの一部またはすべてを自由に無視できます。ただし、ブラウザー全体で一貫したユーザーエクスペリエンス(このコンテキストでは「期待される」と定義されている方法)に推奨されるため、これらの色がほとんどのブラウザーのデフォルトに対応している可能性があります。最悪の場合、それらは依然として妥当な近似値として機能します、実際の値の値ます。

特に、FirefoxとChromeの最新バージョンのデフォルトの未訪問リンクと訪問済みリンクの色は上記のガイドラインと一致していますが、最近のバージョンのIEは異なる値を報告しています。未訪問リンクはrgb(0, 102, 204)、または#0066CC、訪問済みリンクはrgb(128, 0, 128)、または#800080です。古いバージョンのFirefox(および場合によってはSafari / Chrome)でも、デフォルトが異なります。ただし、これらは古いバージョンです。私が知っている今日の主な外れ値はIEです。Project Spartanでこれが変更されるかどうかについてはまだ明らかにされていません。現在、IEの最新バージョンと同じ値が反映されています。

HTML5で提案されているのではなく、すべてのブラウザーで使用されている標準化れた配色を探している場合は、ありません。また、純粋なCSSを使用して特定の要素の特定のプロパティをブラウザのデフォルト値に戻す方法もありません。HTML5が提案する色を使用するか、独自の配色を考案して代わりに使用する必要があります。ブラウザに関係なく、これらのオプションのいずれかがブラウザのデフォルトよりも優先されます。

疑わしい場合は、about:blank前に説明した手法を使用して、デフォルトの色を見つけ出すことができます。これを使用して、たとえば、すべてのブラウザでアクティブなリンクの色を嗅ぐことができます。Firefoxの最新バージョン(このアップデートでは29)ではrgb(238, 0, 0)、または#EE0000です。


ありがとうございますが、mozilla、safari、つまりchromeの平均的なコードはありますか?デフォルトの「青」だけではありませんか?私は..スタイルのデフォルトにすべてのリンクスタイル(訪問、推移)を必要とする
ビル・

91
  • 標準リンク-#0000FF //青
  • 訪問済みリンク-#800080 //紫
  • アクティブリンク-#FF0000 //赤

これは標準でしたが、ブラウザごとに大きく異なります。(ニールセンはそれをあきらめたので;)


13
なぜ66人がこの答えの言葉を採用したのか、よくわかりません。この回答がソースをまったく提供しない標準から値が出されたとしても、この標準はこの回答が意味するようにとにかく時代遅れであり、新しいコードでそれを使用しても意味がありません。
BoltClock

@stom:代わりに別の答えになるはずです。ソースリンクにするつもりでも、ここには3つの値が表示されないため、有効なソースではありません。
BoltClock

16

ユーザーが設定を変更していない場合のGeckoのデフォルトの色は次のとおりです。

  • 標準リンク:(#0000EE青)
  • 訪問済みリンク:(#551A8B紫)
  • アクティブリンク:(#EE0000赤)

ソース

Geckoはユーザーの色の名前も提供します。彼らはある-moz-hyperlinktext -moz-visitedhyperlinktext-moz-activehyperlinktext、彼らはまた、提供-moz-nativehyperlinktextシステムのリンクの色です。


4

公式のデフォルトのHTMLスタイルシートによると、デフォルトのリンクの色は定義されていません。ただし、スクリーンショットを取り、適切なグラフィックエディターでピペットツールを使用するか、ブラウザーの開発者ツールを使用して(a要素を選択してを探すcomputed values>color)、ブラウザーが使用するデフォルトを確認できます。



1

あなたが訪問しているウェブサイトに完全に依存し、ウェブサイトに上書きがない場合は、ブラウザに依存します。そのための基準はありません。


1

私の場合、Chrome(2018年6月更新)では、アクセスされていないリンクの色は#2779F6です。あなたはいつでもこれを手に入れることができます。ズームインしてスクリーンショットを撮り、スクリーンショットをカラーコードに変換するhtml-color-codes.infoのようなWebサイトにアクセスしてください。


0

何かに対してブラウザのデフォルトのスタイルを設定する最良の方法は、そもそも要素にスタイルを設定しないことです。


3
問題は、スタイリングがライブラリに由来する場合があることです。jQuery UIのデフォルトのスタイルシートにはが含まれている.ui-widget-content a { color: black; }ため、タブ内のリンクは通常の色付けを失っています。それをオーバーライドして、ブラウザーのデフォルトの色(またはユーザーの個人用スタイルシート)を取得したいのですが、代わりに特定の色をハードコーディングする必要があります。
Barmar 2012

2
RGB値を知りたいもう1つのタイミングは、リンクの色に一致するグラフィックを含める場合です
marcelnijman

0

CSSではcurrentColor、リンク内の色文字列を使用して、境界線をデフォルトのリンクの色と同じ色にすることができます。

.example {
    border: 1px solid currentColor;
}

0

次のようなデフォルトのhtmlカラーコード:

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)
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.