Apa warna tautan HTML / CSS default?

161

Saya perlu representasi kodenya, seperti #FFFFFF.

Tagihan
sumber
4
Di browser apa? (Tidak ada "standar" yang ditentukan.)
John Parker
6
Pertanyaannya dapat diartikan sebagai menghubungkan praktik browser yang sebenarnya dan rekomendasi. Apalagi sekarang bahwa HTML5 akan membakukan warna (seperti "rendering yang diharapkan"), pertanyaannya adalah pada topik dan harus dibuka kembali. Perhatikan bahwa jawaban dengan suara terbanyak tidak sesuai dengan praktik saat ini dan HTML5 CR.
Jukka K. Korpela
1
@Jukka K. Korpela - Perhatikan juga bahwa "jawaban dengan suara terbanyak" adalah target yang bergerak. Berniat baik, tetapi silakan merujuk ke jawaban spesifik.
Nicolas

Jawaban:

205

Pada HTML5, warna hyperlink latar depan, antara lain, berada di jalur untuk standardisasi dalam bentuk pedoman untuk perilaku rendering default yang diharapkan . Secara khusus, diambil dari bagian konten Frasa , warna default yang disarankan untuk hyperlink yang belum dikunjungi dan dikunjungi adalah sebagai berikut:

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

Perhatikan bahwa tidak ada default yang disarankan untuk hyperlink aktif ( :link:active, :visited:active).

Anda dapat menggunakan warna default ini dan cukup mengharapkan mereka untuk bekerja. Namun perlu diingat bahwa peramban bebas untuk mengabaikan salah satu atau semua pedoman ini, karena tidak pernah diperlukan untuk mengikuti mereka. Namun demikian, direkomendasikan untuk pengalaman pengguna yang konsisten di seluruh browser (yang adalah bagaimana "diharapkan" didefinisikan dalam konteks ini), sehingga kemungkinan warna ini akan sesuai dengan default untuk sebagian besar browser. Paling buruk, mereka masih berfungsi sebagai perkiraan wajar dari nilai aktual.

Secara khusus, warna tautan default yang belum dikunjungi dan dikunjungi di versi terbaru Firefox dan Chrome konsisten dengan pedoman di atas, tetapi versi terbaru IE melaporkan nilai yang berbeda: tautan yang belum dikunjungi adalah rgb(0, 102, 204), atau #0066CC, dan tautan yang dikunjungi adalah rgb(128, 0, 128), atau #800080. Versi Firefox yang lebih lama (dan mungkin Safari / Chrome) juga memiliki standar yang berbeda. Namun, itu adalah versi yang lebih lama; outlier utama hari ini yang saya tahu adalah IE. Belum ada kabar apakah ini akan berubah di Project Spartan - saat ini masih mencerminkan nilai yang sama dengan versi terbaru IE.

Jika Anda mencari skema warna standar yang digunakan oleh semua browser daripada disarankan oleh HTML5, maka tidak ada satu. Tidak ada cara untuk kembali ke nilai default browser untuk properti tertentu pada elemen tertentu menggunakan CSS murni. Anda harus menggunakan warna yang disarankan oleh HTML5, atau menyusun skema warna Anda sendiri dan menggunakannya. Salah satu dari opsi ini akan diutamakan di atas default browser, terlepas dari browser.

Jika ragu, Anda selalu dapat menggunakan about:blankteknik yang saya jelaskan sebelumnya untuk mengendus warna default, karena tetap berlaku hari ini. Anda dapat menggunakan ini untuk mengendus warna tautan aktif di semua browser, misalnya; di versi terbaru Firefox (29 saat pembaruan ini), itu rgb(238, 0, 0), atau #EE0000.

BoltClock
sumber
Terima kasih, tetapi adakah kode rata-rata untuk mozilla, safari, ie, chrome? bukan hanya default "biru"? Saya perlu semua gaya tautan (dikunjungi, melayang) ditata standar ..
Bill
91
  • tautan standar - # 0000FF // biru
  • tautan yang dikunjungi - # 800080 // ungu
  • tautan aktif - # FF0000 // merah

itu standar tetapi sangat berbeda per browser sekarang. (Sejak Nielsen menyerah;)

Caspar Kleijne
sumber
13
Saya tidak yakin mengapa 66 orang hanya mengambil kata jawaban ini untuk itu. Sekalipun nilai-nilai itu memang berasal dari suatu standar, yang untuk itu jawaban ini tidak menyediakan sumber apa pun, standar itu akan tetap usang seperti yang disiratkan oleh jawaban ini, dan menggunakannya dalam kode baru tidak akan berarti.
BoltClock
@stom: Sepertinya itu seharusnya jawaban yang terpisah. Sekalipun Anda bermaksud menjadikannya sumber tautan, itu bukan sumber yang valid karena tidak satu pun dari ketiga nilai di sini yang muncul di sana.
BoltClock
16

Warna default di Gecko, dengan asumsi pengguna belum mengubah preferensi mereka, adalah:

  • tautan standar: #0000EE (biru)
  • tautan yang dikunjungi: #551A8B (ungu)
  • tautan aktif: #EE0000(merah)

Sumber

Gecko juga memberikan nama untuk warna pengguna; mereka -moz-hyperlinktext -moz-visitedhyperlinktextdan -moz-activehyperlinktextdan mereka juga menyediakan -moz-nativehyperlinktextyang merupakan warna tautan sistem.

Neil
sumber
4

Menurut lembar gaya HTML default resmi , tidak ada warna tautan default yang ditentukan. Namun, Anda dapat mengetahui default yang digunakan browser Anda dengan mengambil tangkapan layar dan menggunakan alat pipet dalam editor grafis yang layak atau menggunakan alat pengembang browser Anda (pilih aelemen, cari computed values>color).

phihag
sumber
3

Saya terbiasa dengan warna Chrome sehingga warna biru pada tautan Chrome adalah #007bff

Grandia
sumber
1

Seluruhnya tergantung pada situs web yang Anda kunjungi, dan karena tidak ada timpa pada situs web, pada browser. Tidak ada standar untuk itu.

Femaref
sumber
1

Bagi saya, di Chrome (diperbarui Juni 2018) warna untuk tautan yang belum dikunjungi adalah # 2779F6. Anda selalu dapat memperoleh ini dengan memperbesar dengan sangat dekat, mengambil tangkapan layar, dan mengunjungi situs web seperti html-color-codes.info yang akan mengubah tangkapan layar menjadi kode warna.

Russell Pekala
sumber
0

Cara terbaik untuk mendapatkan style default browser pada sesuatu adalah dengan tidak menata elemen sama sekali.

jeffszusz
sumber
3
Masalahnya adalah bahwa terkadang gaya berasal dari perpustakaan. Kami baru saja memperhatikan bahwa stylesheet default jQuery UI berisi .ui-widget-content a { color: black; }, sehingga semua tautan di tab kehilangan pewarnaan normalnya. Saya ingin menimpanya dan hanya mendapatkan warna default browser (atau stylesheet pribadi pengguna), tetapi saya harus mengubah kode warna tertentu.
Barmar
2
Saat lain ketika Anda mungkin ingin mengetahui nilai-nilai RGB adalah jika Anda ingin menyertakan grafik yang cocok dengan warna tautan
marcelnijman
0

Di CSS Anda dapat menggunakan string warna currentColordi dalam tautan untuk mis membuat batas warna yang sama dengan warna tautan default Anda:

.example {
    border: 1px solid currentColor;
}
Dominik
sumber
0

Kode warna html default seperti ini:

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)
R. Kumar
sumber