सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें

HEX से RGBA

HEX to RGBA Converter

HEX रंग को rgba() में बदलें — चैनल अलग-अलग देखें, ओपैसिटी सेट करें और स्वॉच से रंग जाँचकर नतीजा कॉपी या डाउनलोड करें।

लोकल प्रोसेसिंग

प्रोसेसिंग का विवरण

टूल का इनपुट आपके डिवाइस पर प्रोसेस होता है।

टूल चलाने के लिए संसाधन डाउनलोड हो सकते हैं। खाता सेवाएँ अलग हैं।

ऑफ़लाइन उपयोग तैयार हो रहा है…

गोपनीयता की जानकारी
बग रिपोर्ट करें

टास्क पथ / इनपुट से परिणाम तक

HEX रंग को RGBA में कैसे बदलें

  1. 01

    HEX रंग दर्ज करें

    HEX रंग फ़ील्ड में मान टाइप करें, जिसमें #6D5EF8CC भरा हुआ है। कड़ा पार्सर #RGB, #RGBA, #RRGGBB, और #RRGGBBAA स्वीकार करता है — फ़ील्ड के नीचे का हेल्पर ठीक इन चार प्रारूपों की सूची देता है, और फ़ील्ड इनपुट को नौ अक्षरों तक सीमित रखता है।

  2. 02

    रूपांतरण चलाएं

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

  3. 03

    RGBA चैनल पढ़ें

    अल्फ़ा को गणना के दौरान बिना राउंडिंग के उसके बाइट को 255 से विभाजित करके डीकोड किया जाता है। RGBA और चैनल डिस्प्ले में अधिकतर छह दशमलव अंकों का उपयोग होता है; सभी 256 अल्फ़ा बाइट्स निर्यातित RGBA के माध्यम से राउंड ट्रिप होते हैं।

  4. 04

    स्वैच देखें

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

  5. 05

    आवश्यकता हो तो सैंपल लोड करें

    Load sample दबाकर पूर्ण उदाहरण चलाएं — #22C55E99 rgba(34, 197, 94, 0.6) में बदलता है — जो इनपुट से चैनल तक पूरी प्रक्रिया दिखाता है। Reset फ़ील्ड को #6D5EF8CC पर लौटाता है और परिणाम को साफ़ करता है।

  6. 06

    परिणाम कॉपी या डाउनलोड करें

    Copy output दबाकर rgba() मान क्लिपबोर्ड पर कॉपी करें, या Download दबाकर इसे toolars-color-rgba.txt के रूप में सेव करें। दोनों कार्रवाई तब तक अक्षम रहती हैं जब तक कोई रूपांतरण सफल न हो जाए, इसलिए आप कभी भी खाली परिणाम कॉपी नहीं करते।

टूल के तथ्य

प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त

आपका इनपुट ब्राउज़र में ही रहता है।

HEX से RGBA अपना सत्यापित लोकल एक्ज़ीक्यूशन पथ इस्तेमाल करता है और कोई छिपा इनपुट या आउटपुट इतिहास नहीं बनाता।

लोकल एक्ज़ीक्यूशन

मौजूदा ब्राउज़र टैब के अंदर चलता है।

कोई छिपी प्रोसेसिंग नहीं

सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।

खाते की ज़रूरत नहीं

बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।

तुरंत रीसेट

टैब साफ़ करें और सक्रिय कार्य डेटा गायब।

HEX से RGBA कब उपयोगी होता है

अर्धपारदर्शी ब्रांड ओवरले को डिकोड करें

#0f4cff80 दर्ज करें और Convert to RGBA दबाएँ। चैनल्स 15, 76, और 255 पढ़ते हैं और अल्फा 0.502 के करीब है, और बड़ा स्वैच आप rgba() स्ट्रिंग को स्टाइलशीट में कॉपी करने से पहले पेज के खिलाफ ठीक ओवरले टिंट दिखाता है।

शॉर्टहैंड रंग को एक्सपैंड करें

#6F8A टाइप करें और कनवर्ट करें: प्रत्येक डिजिट दोगुना हो जाता है, जिससे rgb(102, 255, 136) और लगभग 0.667 का अल्फा प्राप्त होता है। जब दोगुना हाथ से किया जाता है, तो शॉर्टहैंड एक्सपैंशन एक आम डिजिट-बाय-ए-डिजिट बग का स्रोत है।

रिवर्स कनवर्टर के माध्यम से राउंड-ट्रिप करें

rgba() आउटपुट को RGBA से HEX कन्वर्टर में कॉपी करें और यह पुष्टि करें कि यह मूल हेक्स मान, अल्फा बाइट सहित, लौटाता है। दोनों टूल समान चैनल मैथ साझा करते हैं, इसलिए 256 अल्फा बाइट्स के लिए एक राउंड ट्रिप बिना कोई हानि के है।

HEX से RGBA असल में क्या करता है

डिज़ाइन हैंडऑफ़ में पारभासी ब्रांड रंग #6D5EF8CC के रूप में लिखा है, और जिस स्टाइलशीट को आप संपादित कर रहे हैं उसे rgba() चाहिए: लाल, हरे और नीले बाइट तो संभल जाते हैं, लेकिन CC का मतलब 255 में से 204 है — करीब 0.8 अल्फ़ा — और इसे मन में करना गलतियों को दावत है। HEX से RGBA कनवर्टर हर अंक-समूह को ठीक-ठीक डिकोड करता है, शॉर्टहैंड अंकों को फैलाता है, और लाइव स्वैच के बगल में हर चैनल समीक्षा के लिए दिखाता है। कॉपी की गई स्ट्रिंग सीधे बॉर्डर, शैडो या ग्रेडिएंट डिक्लेरेशन में बैठ जाती है। मान कभी टैब से बाहर नहीं जाता, इसलिए रूपांतरण किसी भी निजता-संवेदनशील कोडबेस में फिट बैठता है।

आम सवाल

कौन से HEX प्रारूप स्वीकार किए जाते हैं?
ठीक चार: #RGB, #RGBA, #RRGGBB, और #RRGGBBAA। कुछ भी और — एक गायब #, पाँच अंक, या रंग की कीवर्ड — स्वीकार किए गए प्रारूपों के नाम वाले संदेश के साथ अस्वीकृत कर दिया जाता है।
शॉर्टहैंड प्रारूप कैसे विस्तारित किए जाते हैं?
प्रत्येक अंक दोगुना हो जाता है: #RGB #RRGGBB बन जाता है प्रत्येक कैरेक्टर को दोहराकर, इसलिए #6F8 को लाल 102, हरा 255, नीला 136 के रूप में डीकोड किया जाता है। #RGBA में चौथा अंक सामान्य 0-255 से 0-1 मैपिंग लागू होने से पहले अल्फ़ा बाइट में दोगुना हो जाता है।
अल्फ़ा बाइट कैसे बदला जाता है?
अल्फ़ा को गणना के दौरान बिना राउंडिंग के उसके बाइट को 255 से विभाजित करके डीकोड किया जाता है। RGBA और चैनल डिस्प्ले में अधिकतर छह दशमलव अंकों का उपयोग होता है; सभी 256 अल्फ़ा बाइट्स निर्यातित RGBA के माध्यम से राउंड ट्रिप होते हैं।
मेरा परिणाम क्यों गायब हो गया?
इनपुट फ़ील्ड को एडिट करने से जानबूझकर पिछला परिणाम साफ़ हो जाता है, इसलिए पैनल कभी भी एक ऐसा रंग नहीं दिखा सकता जो टाइप किए गए चीज़ से मेल न खाता हो। Convert to RGBA फिर से दबाएं और ताज़ा परिणाम तुरंत दिखाई देगा।
क्या मैं दूसरी दिशा में रूपांतरण कर सकता हूं?
हाँ — RGBA से HEX कन्वर्टर का उपयोग करें, जो rgb() और rgba() नोटेशन स्वीकार करता है और मैचिंग हेक्स मान उत्पन्न करता है, जब रंग अर्धपारदर्शी हो तब अल्फ़ा बाइट के साथ। दोनों टूल्स एक ही चैनल गणित साझा करते हैं, इसलिए एक राउंड ट्रिप आपको वह मान वापस देता है जिससे आपने शुरुआत की थी।
कोई अन्य टूल थोड़ा अल्फा मान क्यों दिखाता है?
अल्फा बाइट को 255 से विभाजित करने पर प्राप्त होता है, जो आमतौर पर दोहराता दशमलव जैसे 0.501960… उत्पन्न करता है; यह वर्कस्पेस छह दशमलव तक रखता है जबकि अन्य टूल दो या चार तक राउंड कर सकते हैं। अंतर केवल प्रदर्शन-संबंधित है — नीचे का बाइट समान है, और CSS को कोई भी सटीकता स्वीकार्य है। जब किसी मान को डिज़ाइन टोकन के ठीक से मेल खाना चाहिए, तो दशमलव के बजाय हेक्स बाइट की तुलना करें।
क्या मैं हर जगह rgba() का उपयोग कर सकता हूँ?
हर आधुनिक ब्राउज़र rgba() और स्लैश अल्फा के साथ स्पेस-सेपरेटेड rgb() फॉर्म का समर्थन करता है; एकमात्र जोखिम बहुत पुराने टूलिंग या कड़े लिंटर्स का है जो एक विशिष्ट फॉर्मेट की अपेक्षा करते हैं। संदेह होने पर, अल्फा को 1 पर रखें और मान साफ rgb() में धीरे-धीरे बदल जाता है। बिल्ड पाइपलाइन के लिए, दशमलव को फिर से टाइप करने के बजाय इस टूल द्वारा निर्यात की गई ठीक स्ट्रिंग को कॉपी करें।
कौन से CSS प्रॉपर्टी कनवर्टेड मान को स्वीकार करते हैं?
कोई भी प्रॉपर्टी जो रंग को स्वीकार करती है: बैकग्राउंड, कलर, बॉर्डर-कलर, बॉक्स-शैडो, ग्रेडिएंट्स, और आउटलाइन उनमें से कुछ हैं। अर्धपारदर्शी rgba() मान ओवरले, डिसेबल्ड स्टेट्स, और शैडो के लिए विशेष रूप से उपयोगी हैं, जहां नीचे की सामग्री रंग के माध्यम से दिखनी चाहिए।
क्या रंग कहीं भेजा जाता है?
नहीं। कनवर्जन पूरी तरह से इस ब्राउज़र टैब में चलता है, इनपुट और परिणाम कभी इसे नहीं छोड़ते, और कोई खाता आवश्यक नहीं है।

संबंधित काम, कोई बंद गली नहीं।

पूरे इंडेक्स पर लौटे बिना किसी दूसरे केंद्रित वर्कस्पेस में जाएँ।

CSS चेकबॉक्स जनरेटर

CSS Checkbox Generator

24 चेकबॉक्स टेम्पलेट: आठ निशान × तीन बदलाव; मूल पूर्वावलोकन क्लिक या स्पेस से जाँचें।

बनाएँ

CSS टॉगल स्विच जनरेटर

CSS Switch Generator

18 स्विच टेम्पलेट: छह नॉब आकृतियाँ × तीन बदलाव; क्लिक या कीबोर्ड से जाँचें।

बनाएँ

CSS क्लिप पाथ जनरेटर

CSS Clip Path Generator

24 कट आकृतियाँ, आकृति विकल्प और संपादन योग्य बहुभुज बिंदु; CSS या घोषणा निर्यात करें।

बनाएँ