डिफ़ॉल्ट HTML / सीएसएस लिंक रंग क्या है?


161

मुझे इसके कोड प्रतिनिधित्व की आवश्यकता है, जैसे #FFFFFF


4
किस ब्राउज़र में? (कोई परिभाषित "मानक" नहीं है।)
जॉन पार्कर

6
प्रश्न को वास्तविक ब्राउज़र अभ्यास और अनुशंसाओं दोनों से संबंधित माना जा सकता है। विशेष रूप से अब जब HTML5 रंगों का मानकीकरण करने वाला है (जैसा कि "अपेक्षित प्रतिपादन"), सवाल ऑन-टॉपिक है और इसे फिर से खोलना चाहिए। ध्यान दें कि अधिकांश वोटों का उत्तर वर्तमान अभ्यास और एचटीएमएल 5 सीआर के अनुरूप नहीं है
जुक्का के। कोरपेला

1
@ जुक्का के। कोर्पेला - ध्यान दें कि "सबसे अधिक वोटों के साथ जवाब" एक चलती लक्ष्य है। अच्छी तरह से इरादा है, लेकिन कृपया एक विशिष्ट उत्तर देखें।
निकोलस

जवाबों:


205

HTML5 के रूप में, हाइपरलिंक के अग्रभूमि रंग, अन्य चीजों के अलावा, अपेक्षित डिफ़ॉल्ट रेंडरिंग व्यवहार के लिए दिशानिर्देश के रूप में मानकीकरण के लिए ट्रैक पर हैं । विशेष रूप से, अनुभाग फ़ेसिंग सामग्री से लिया गया है , परिकल्पित और हाइपरलिंक के लिए अनुशंसित डिफ़ॉल्ट रंग निम्नलिखित हैं:

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

ध्यान दें कि सक्रिय हाइपरलिंक ( :link:active, :visited:active) के लिए कोई अनुशंसित डिफ़ॉल्ट नहीं है , हालांकि।

आप इन डिफ़ॉल्ट रंगों का उपयोग कर सकते हैं और उचित रूप से उनसे काम करने की अपेक्षा कर सकते हैं। लेकिन ध्यान रखें कि कोई भी ब्राउज़र इन सभी दिशा-निर्देशों को अनदेखा करने के लिए स्वतंत्र है, क्योंकि उनका पालन करना कभी भी आवश्यक नहीं है। हालाँकि, यह ब्राउज़र में एक सुसंगत उपयोगकर्ता अनुभव के लिए अनुशंसित है (जो कि इस संदर्भ में "अपेक्षित" कैसे परिभाषित किया गया है), इसलिए संभावना है कि ये रंग अधिकांश ब्राउज़रों के लिए डिफ़ॉल्ट के अनुरूप होंगे। सबसे खराब रूप से, वे अभी भी वास्तविक मूल्यों के उचित अनुमान के रूप में कार्य करते हैं।

विशेष रूप से, डिफ़ॉल्ट विज़िट नहीं किए गए और फ़ायरफ़ॉक्स और क्रोम के नवीनतम संस्करण में दौरा लिंक रंग उपर्युक्त दिशा-निर्देश के अनुरूप हैं, लेकिन IE के हाल के संस्करण भिन्न मान क्यों रिपोर्ट: विज़िट नहीं किए गए लिंक दिए गए हैं rgb(0, 102, 204), या #0066CC, और दौरा किया लिंक दिए गए हैं rgb(128, 0, 128), या #800080। फ़ायरफ़ॉक्स (और संभवतः सफारी / क्रोम) के पुराने संस्करणों में भी अलग-अलग चूक थीं। हालांकि, पुराने संस्करण हैं; आज मुख्य रूप से जो मुझे पता है कि IE है। अभी तक कोई शब्द नहीं है कि क्या यह प्रोजेक्ट स्पार्टन में बदल जाएगा - वर्तमान में यह अभी भी IE के नवीनतम संस्करण के समान मूल्यों को दर्शाता है।

यदि आप एक मानकीकृत रंग योजना की तलाश कर रहे हैं जो एचटीएमएल 5 द्वारा सुझाए गए बजाय सभी ब्राउज़रों द्वारा उपयोग की जाती है, तो एक नहीं है। न ही शुद्ध सीएसएस का उपयोग करके किसी विशेष तत्व पर किसी विशेष संपत्ति के लिए ब्राउज़र के डिफ़ॉल्ट मान को वापस करने का एक तरीका है। आपको या तो HTML5 द्वारा सुझाए गए रंगों का उपयोग करना होगा, या अपनी स्वयं की रंग योजना को तैयार करना होगा और इसके बजाय इसका उपयोग करना होगा। या तो इन विकल्पों में से एक ब्राउज़र की चूक पर वरीयता प्राप्त होगी, चाहे ब्राउज़र की कोई भी हो।

यदि संदेह है, तो आप हमेशा about:blankडिफ़ॉल्ट रंगों को सूँघने से पहले मेरे द्वारा बताई गई तकनीक का उपयोग कर सकते हैं , क्योंकि यह आज भी लागू है। आप इसका उपयोग सभी ब्राउज़रों में सक्रिय लिंक रंग को सूँघने के लिए कर सकते हैं, उदाहरण के लिए; फ़ायरफ़ॉक्स (इस अद्यतन के रूप में 29) के नवीनतम संस्करण में, यह rgb(238, 0, 0), या है #EE0000


धन्यवाद, लेकिन क्या मोज़िला, सफारी, यानी क्रोम के लिए कुछ औसत कोड है? सिर्फ डिफ़ॉल्ट "ब्लू" नहीं है? मुझे डिफ़ॉल्ट स्टाइल होने के लिए सभी लिंक शैलियों (विज़िट, होवर किए गए) की आवश्यकता है ..
बिल

91
  • मानक लिंक - # 0000FF // नीला
  • दौरा किया लिंक - # 800080 // बैंगनी
  • सक्रिय लिंक - # FF0000 // लाल

यह एक मानक था, लेकिन अब प्रति ब्राउज़र में काफी भिन्न है। (चूंकि नीलसन ने इसे छोड़ दिया;)


13
मुझे यकीन नहीं है कि 66 लोगों ने इसके लिए सिर्फ इस जवाब को क्यों लिया। भले ही मान एक मानक से आया हो, जिसके लिए यह उत्तर कोई भी स्रोत प्रदान नहीं करता है, चाहे वह मानक लंबे समय तक अप्रचलित रहा हो, जैसा कि इस उत्तर का तात्पर्य है, और नए कोड में इसका उपयोग करना व्यर्थ होगा।
BoltClock

@stom: ऐसा लगता है कि इसके बजाय एक अलग उत्तर होना चाहिए। यहां तक ​​कि अगर आप इसके लिए एक स्रोत लिंक होना चाहते हैं, तो यह एक वैध स्रोत नहीं है क्योंकि यहां तीन में से कोई भी मान दिखाई नहीं देता है।
BoltClock

16

Gecko में डिफ़ॉल्ट रंग, यह मानते हुए कि उपयोगकर्ता ने अपनी प्राथमिकताएँ नहीं बदली हैं:

  • मानक लिंक: #0000EE(नीला)
  • दौरा किया लिंक: #551A8B(बैंगनी)
  • सक्रिय लिंक: #EE0000(लाल)

स्रोत

गेको भी उपयोगकर्ता के रंगों के लिए नाम प्रदान करता है; वे हैं -moz-hyperlinktext -moz-visitedhyperlinktextऔर -moz-activehyperlinktextवे भी प्रदान करते हैं -moz-nativehyperlinktextजो सिस्टम लिंक रंग है।


4

आधिकारिक डिफ़ॉल्ट HTML स्टाइलशीट के अनुसार , कोई डिफ़ॉल्ट डिफ़ॉल्ट लिंक रंग नहीं है। हालाँकि, आप स्क्रीनशॉट लेने या किसी भी सभ्य ग्राफिक संपादक में पिपेट टूल का उपयोग करके या अपने ब्राउज़र के डेवलपर टूल का उपयोग करके अपने ब्राउज़र के डिफ़ॉल्ट उपयोग का पता लगा सकते हैं (एक aतत्व का चयन करें , देखें computed values>color)।


3

मैं क्रोम के रंग के लिए उपयोग किया जाता हूं इसलिए लिंक के लिए क्रोम में नीला रंग है #007bff


1

संपूर्ण रूप से उस वेबसाइट पर निर्भर करता है जिस पर आप जा रहे हैं, और वेबसाइट पर एक अधिलेखित व्यक्ति की अनुपस्थिति में, ब्राउज़र पर। उसके लिए कोई मानक नहीं है।


1

मेरे लिए, Chrome पर (जून 2018 को अद्यतन) एक गैर-लिंक लिंक का रंग # 2779F6 है। आप इसे हमेशा वास्तव में पास में ज़ूम करके, स्क्रीनशॉट लेकर, और html-color-codes.info जैसी वेबसाइट पर जाकर प्राप्त कर सकते हैं, जो स्क्रीनशॉट को कलर कोड में बदल देगा।


0

किसी चीज़ पर ब्राउज़र की डिफ़ॉल्ट स्टाइल प्राप्त करने का सबसे अच्छा तरीका यह है कि पहले स्थान पर तत्व को स्टाइल न किया जाए।


3
समस्या यह है कि कभी-कभी स्टाइल एक पुस्तकालय से आता है। हमने अभी देखा कि jQuery यूआई की डिफ़ॉल्ट स्टाइलशीट में शामिल है .ui-widget-content a { color: black; }, इसलिए टैब में कोई भी लिंक अपने सामान्य रंग को खो देता है। मैं इसे ओवरराइड करना चाहता हूं और बस ब्राउज़र के डिफ़ॉल्ट रंग (या उपयोगकर्ता की व्यक्तिगत स्टाइलशीट) प्राप्त कर सकता हूं, लेकिन इसके बजाय मुझे हार्ड-कोड विशिष्ट रंगों का उपयोग करना होगा।
बारमर

2
एक और क्षण जब आप आरजीबी मूल्यों को जानना चाह सकते हैं यदि आप ग्राफिक्स को शामिल करना चाहते हैं जो लिंक के रंग से मेल खाता है
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)
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.