HEX देखि RGB रङ कन्भर्टर

HEX र RGB: उही रङ लेख्ने दुई तरिका

तपाईंले स्क्रिनमा देख्ने हरेक रङ तीनवटा बत्तीबाट मिसाइएको हुन्छ: रातो, हरियो र निलो। तीनैलाई पूरा बढाउनुहोस् र सेतो पाउनुहुन्छ; तीनैलाई निभाउनुहोस् र कालो पाउनुहुन्छ। HEX र RGB भनेका ती तीन च्यानलमध्ये हरेक कति चम्किलो हुनुपर्छ भनी वर्णन गर्ने केवल दुई नोटेसन हुन्। तिनले ठ्याक्कै उही रङलाई संकेत गर्छन्, त्यसैले राम्रो रूपान्तरकले वास्तविक छटा नबदली दुई लेखन प्रणालीबीच अनुवाद मात्र गर्छ। यही यो टुलले पूर्णतया तपाईंको ब्राउजरमै गर्छ, साथसाथै एउटा जीवन्त स्वाच देखाउँदै ताकि तपाईं आफ्नै आँखाले परिणाम पुष्टि गर्न सक्नुहुन्छ।

हेक्स कोड कसरी पढ्ने

हेक्स रङ #1E90FF जस्तो देखिन्छ। ह्यास चिन्हले केवल सुरुवात चिन्ह लगाउँछ; त्यसपछिका छवटा क्यारेक्टर तीन जोडी हुन्, #RRGGBB ढाँचामा लेखिएको। पहिलो जोडी रातो, दोस्रो हरियो, तेस्रो निलो हो। हरेक जोडी हेक्साडेसिमल, अर्थात् आधार 16 मा लेखिएको नम्बर हो, जहाँ अंकहरू 0-9 अगाडि बढ्छन् र त्यसपछि A, B, C, D, E, F ले 10 देखि 15 सम्म जनाउँछन्। एउटा जोडीले 00 (च्यानल पूर्ण बन्द) देखि FF (पूर्ण खुला) सम्मको मान बोक्न सक्छ। सादा दशमलवमा त्यो दायरा ठ्याक्कै 0 देखि 255 हो, RGB ले प्रयोग गर्ने उही स्केल। प्रति च्यानल 256 सम्भावित स्तरसहित, छ-अंकको फर्मले 16,777,216 फरक रङ वर्णन गर्न सक्छ।

दुवैतिर रूपान्तरण, एउटा उदाहरणसहित

HEX बाट RGB मा जान, कोडलाई यसका तीन जोडीमा विभाजन गर्नुहोस् र हरेकलाई आधार 16 बाट साधारण दशमलवमा रूपान्तरण गर्नुहोस्। #1E90FF लिनुहोस्। रातो जोडी 1E हो: त्यो 1 लाई 16 ले गुणा गरेर, प्लस 14 (E), जुन 30 बराबर हुन्छ। हरियो जोडी 90 9 लाई 16 ले गुणा गरेर, प्लस 0, जुन 144 बराबर हुन्छ। निलो जोडी FF 15 लाई 16 ले गुणा गरेर, प्लस 15, जुन 255 बराबर हुन्छ। त्यसैले #1E90FF rgb(30, 144, 255) बन्छ — परिचित डोजर ब्लू।

अर्कोतिर जानु उही प्रक्रिया उल्टो हो। हरेक RGB नम्बर लिनुहोस् र यसलाई दुई हेक्स अंकका रूपमा लेख्नुहोस्। शुद्ध रातो, rgb(255, 0, 0), ले FF, 00 र 00 दिन्छ, जुन जोडिएर #FF0000 बन्छ। सम्झनु पर्ने एउटा कुरा: मान 16 भन्दा कम भए पनि, तपाईंलाई अझै दुवै अंक चाहिन्छ, त्यसैले 5 लाई केवल 5 होइन 05 लेखिन्छ। रूपान्तरकले त्यो प्याडिङ तपाईंका लागि आफैं गर्छ, तर मानिसहरूले हातैले गर्दा यसले अलमल्याउँछ।

हरेक फर्म्याट कहाँ प्रयोग हुन्छ

HEX वेबको दैनिक भाषा हो। CSS, HTML र तपाईंले लेख्ने धेरैजसो कोडले हेक्स कोडतिर जान्छ किनभने तिनी कम्प्याक्ट र कपी गर्न सजिला हुन्छन्। RGB भने डिजाइन र इमेज टुलभित्र देखिने प्रवृत्ति राख्छ — Figma, Photoshop, Sketch र Illustrator ले सामान्यतया 0-255 दायरामा स्लाइडर वा फिल्ड देखाउँछन्, र स्क्रिन-रेकर्डिङ वा भिडियो एपले पनि प्रायः RGB अपेक्षा गर्छन्। त्यसैले तपाईं नियमित रूपमा स्टाइलसिटबाट हेक्स कोड लिनुहुन्छ र डिजाइन प्यानलमा टाइप गर्न यसको RGB फर्म चाहिन्छ, वा उल्टो। त्यो आउने-जाने यात्रा नै रूपान्तरक उपयोगी हुनुको सम्पूर्ण कारण हो। तपाईंलाई एउटा मात्र अनुवाद गर्नुभन्दा मिल्दोजुल्दो छटाहरूको पूरै सेट बनाउन आवश्यक भएमा, हाम्रो रङ प्यालेट जेनेरेटर राम्रो सुरुवात बिन्दु हो, र तपाईं डेभलपर टुलहरू अन्तर्गत यस्तै थप युटिलिटी भेट्टाउनुहुनेछ।

अल्फा, ओपासिटी र HSL

दुवै नोटेसनको एउटा विस्तारित फर्म छ जसले पारदर्शिता थप्छ। RGB rgba(30, 144, 255, 0.5) बन्छ, जहाँ चौथो मान अल्फा हो — 0 पूर्ण पारदर्शी र 1 पूर्ण ठोस हो। HEX ले उही उद्देश्यका लागि चौथो जोडी थप्छ, आठ-अंकको #RRGGBBAA कोड दिँदै; 80, उदाहरणका लागि, लगभग 50 प्रतिशत ओपासिटी हो। केही रूपान्तरकले HSL (hue, saturation, lightness) पनि प्रस्ताव गर्छन्, जसले मानिसले सोच्ने तरिकामा रङ वर्णन गर्छ — चक्रमा एउटा ह्यू छान्नुहोस्, त्यसपछि यसको जीवन्तता र चमक मिलाउनुहोस्। HSL फरक प्यालेट होइन, फरक मानसिक मोडेल हो, त्यसैले तपाईं तीनवटा फरक नम्बर सम्हाल्नु नपरी रङलाई हल्का वा कम जीवन्त बनाउन चाहनुहुन्छ भने यो बढी सहज हुन सक्छ।

बारम्बार सोधिने प्रश्नहरू