इन्टरनेटवेब डिजाइन

CSS रंग गुणहरू। रंग कोड

CSS रंग - उपकरण को एक वेब पेज शैलीहरू परिवर्तन गर्न। यो सेटिङ परिवर्तन गर्न धेरै तरिकाहरू छन्। प्रत्येक फाइदा र बेफाइदा दुवै छ।

नाम

रंग सम्पत्ति वस्तुको रङ सेट गर्छ। शीर्षक को 145 रंग सीएसएस समावेश। तिनीहरूलाई बीच त्यहाँ सरल (जस्तै, कालो नीलो रूपमा) (जस्तै क्रिमसन, फिकाहरियो color रूपमा) र जटिल छन्।

हार्ड सम्पूर्ण सूची सम्झना गर्न किनभने, शैली पाना नाम विरलै प्रयोग गरिन्छ।

RGB

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

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

HSL

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

  • ह्यु (डिग्री मा) - सर्कल केन्द्र को निर्देशन;
  • संतृप्ति (प्रतिशत) - धेरै रंग तपाईं कसरी आवश्यक;
  • चमक (प्रतिशत मा)।

उदाहरणका लागि, बैजनी तरिका यस्तो मा निर्धारण गर्न सकिँदैन: HSL (315, 100%, 45%)। HSL प्रयोग को लागि सबै भन्दा सुविधाजनक छ। को अध्ययन गरेपछि रंग पाङ्ग्रा, तपाईं गर्दा शैलीपाना लगभग विशिष्ट तत्व सेट के रंग प्रतिनिधित्व हेर्दै गर्न सक्नुहुन्छ। HSLA - एउटै HLS मात्र अल्फा संग: HSL (0, 100%, 50, 0.6) - रातो, पारदर्शी अलिकति आधा भन्दा बढी।

हेक्स

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

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

RGB जस्तै, प्राथमिक रंग प्रयोग गर्न के अनुपात मा संकेत हेक्स रंग। (: # FFD500 रंग) यस मामला मा, तिनीहरूले अल्पविरामद्वारा विभाजित गरेर छैन। हरेक दुई वर्ण रातो, हरियो र नीलो संख्या निर्दिष्ट गर्नुहोस्।

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

कुन तरिका सबै भन्दा राम्रो छ?

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ne.delachieve.com. Theme powered by WordPress.