सीएसएस रंग गुण। रंग कोड

उपकरणों में से एक वेब पेज शैलियों को बदलने के लिए - सीएसएस रंग। वहाँ इस सेटिंग को परिवर्तित करने के लिए कई तरीके हैं। प्रत्येक दोनों फायदे और नुकसान हैं।

नाम

रंग संपत्ति मद के रंग सेट करता है। खिताब के 145 रंगों सीएसएस में शामिल थे। उनमें से वहाँ सरल (जैसे, काला नीला के रूप में) और जटिल (जैसे लाल, lawngreen के रूप में) कर रहे हैं।

क्योंकि कठिन की पूरी सूची याद करने के लिए, शैली पत्रक के नाम पर शायद ही कभी इस्तेमाल किया जाता है।

आरजीबी

टीवी से अधिकांश, स्मार्टफोन, पर नज़र रखता है आरजीबी रंग मॉडल के साथ काम करते हैं। यही कारण है, किसी भी रंग प्राथमिक रंग है, जो लाल, हरे और नीले रंग के होते का एक संयोजन करने के लिए सेट किया जा सकता है। . एक समान दृष्टिकोण सीएसएस में दोनों उपकरणों में प्रयोग किया जाता है, और। основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. रंग बुनियादी संरचना ले मान 0 से 255 के लिए संभव रंग का एक नंबर 16777216 के बराबर है कर रहे हैं।

rgb (255, 255, 255) - के बाद से आरजीबी मॉडल सीधे रंग इमेजिंग के भौतिक नियमों से संबंधित है, काला rgb (0, 0, 0), सफेद रंग के रूप उसमें विनिर्दिष्ट किया गया है। RGBA प्रणाली पूरी तरह से, आरजीबी के समान अल्फ़ा चैनल के योग के साथ। यह पारदर्शिता है, जो पृष्ठभूमि छाया के साथ मिश्रित प्रभावित करता है। तत्व के इस रूप में "सब्सट्रेट" के अनुसार अलग अलग होंगे।

एचएसएल

समझने के लिए कैसे एचएलएस प्रणाली, आप एक रंग चक्र सबमिट करनी होगी। इसके केंद्र में लाल है, तो (दक्षिणावर्त) अन्य सभी इंद्रधनुष के रंग है। цвета при помощи системы HLS требуется задать три параметра: सीएसएस एचएलएस प्रणाली का उपयोग में रंग निर्धारित करने के लिए तीन मापदंडों की आवश्यकता है:

• रंग (डिग्री में) - वृत्त केंद्र की दिशा;
• संतृप्ति (प्रतिशत) - कितना रंग आप की जरूरत है;
• चमक (प्रतिशत में)।

उदाहरण के लिए, बैंगनी इस तरह से निर्धारित किया जा सकता: एचएसएल (315, 100%, 45%)। एचएसएल प्रयोगों के लिए सबसे सुविधाजनक है। अध्ययन करने के बाद रंग चक्र, आप देखते समय कर सकते हैं स्टाइलशीट मोटे तौर पर प्रतिनिधित्व करते हैं क्या रंग विशिष्ट तत्व निर्धारित किया है। HSLA - एक ही एचएलएस, केवल अल्फा के साथ: एचएसएल (0, 100%, 50, 0.6) - लाल, पारदर्शी थोड़ा आधे से अधिक।

हेक्स

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . सीएसएस में, आप इस तरह के मूल्य # FF4500 द्वारा निर्धारित नारंगी के रूप में, षोडश आधारी प्रतिनिधित्व का उपयोग कर रंग सेट कर सकते हैं।

क्या हेक्साडेसिमल प्रतिनिधित्व का एक बेहतर समझ के लिए, आगे दशमलव प्रणाली पर विचार करना चाहिए। जब स्कोर 9 से अधिक संख्या, एक और वर्ग को जोड़ने के लिए आवश्यक है यह 0 9 तक संख्या है, और यह बाहर 10 तो 100 बदल जाता है, और हेक्साडेसिमल प्रणाली में इतने पर। डी, सभी ठीक उसी, लेकिन यह 9 के बाद एक है, तो बी, और इतने एफ के लिए पर - 15 दशमलव प्रणाली में के रूप में ही। फिर एक अंकों जोड़ने के लिए, और यह 16 सामान्य संदर्भ में 10 पता चला है।

आरजीबी के रूप में, हेक्स रंग क्या अनुपात में इंगित करने के लिए प्राथमिक रंग का उपयोग करें। (: # FFD500 रंग) इस मामले में, वे अल्प विराम से अलग नहीं कर रहे हैं। हर दो अक्षर लाल, हरे और नीले रंग की संख्या निर्दिष्ट।

CSS. एक नियम के रूप में, हेक्स प्रणाली प्रयोगों के दौरान प्रयोग नहीं किया जाता है, क्योंकि यह सही सीएसएस रंग लगाने के लिए असंभव है। может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. तालिका इस मामले में मदद कर सकते हैं, लेकिन अगर आप लगातार यह उल्लेख करने के लिए, काम में विलंब होगा। हेक्साडेसिमल प्रतिनिधित्व सबसे सुविधाजनक जब टेम्पलेट ग्राफिक संपादक से स्थानांतरित कर रहा है है। यह बहुत है कि यह केवल एक अंक से तीन बदल जाता है की तुलना में कॉपी करने के लिए आसान है।

किस तरह सबसे अच्छा है?

इस खाते पर हम यह नहीं कह सकते कुछ भी ठोस। इंटरफ़ेस के तत्वों पारदर्शिता की जरूरत है, RGBA और HSLA के बीच चयन। आप ब्राउज़र एचएलएस रंग चक्र में प्रयोग करने के लिए चाहते हैं, तो सबसे सुविधाजनक हो जाएगा। आप एक पट्टिका का उपयोग या फ़ोटोशॉप से डिजाइन हस्तांतरण रहे हैं, तो सीएसएस हेक्साडेसिमल रंग कोड को प्राथमिकता देनी चाहिए।