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

डिज़ाइन · लोकल उपयोगिता

HEX से RGBA

HEX to RGBA Converter

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

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

HEX रंग डालें

लोकल रूप से चलता है · कुछ भी अपलोड नहीं होता

HEX से RGBA कैसे काम करता है, निजता और संबंधित टूल

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

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

  1. 01

    HEX रंग डालें

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

  2. 02

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

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

  3. 03

    RGBA चैनल पढ़ें

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

  4. 04

    स्वैच जांचें

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

  5. 05

    ज़रूरत हो तो नमूना लोड करें

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

  6. 06

    नतीजा कॉपी या डाउनलोड करें

    rgba() मान क्लिपबोर्ड पर कॉपी करने के लिए आउटपुट कॉपी करें दबाएं, या उसे toolars-color-rgba.txt के रूप में सहेजने के लिए डाउनलोड करें। दोनों ऐक्शन तब तक बंद रहते हैं जब तक कोई रूपांतरण सफल न हो, ताकि आप कभी खाली नतीजा कॉपी न करें।

टूल के तथ्य

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

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

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

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

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

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

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

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

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

तुरंत रीसेट

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

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 से राउंड-ट्रिप करते हैं।
मेरा नतीजा क्यों गायब हुआ?
इनपुट फ़ील्ड संपादित करने पर पिछला नतीजा जानबूझकर मिट जाता है, ताकि पैनल कभी ऐसा रंग न दिखाए जो लिखे गए से अब मेल नहीं खाता। RGBA में बदलें दोबारा दबाएं और ताज़ा नतीजा तुरंत दिखता है।
क्या मैं दूसरी दिशा में बदल सकता/सकती हूँ?
हां — RGBA से HEX कनवर्टर इस्तेमाल करें, जो rgb() और rgba() नोटेशन स्वीकार करता है और मिलता-जुलता hex मान बनाता है, पारभासी रंग होने पर अल्फ़ा बाइट समेत। दोनों टूल एक ही चैनल गणित साझा करते हैं, इसलिए राउंड-ट्रिप वही मान लौटाता है जिससे आपने शुरू किया था।
क्या रंग कहीं भेजा जाता है?
नहीं। रूपांतरण पूरी तरह इस ब्राउज़र टैब में चलता है, इनपुट और नतीजे कभी उससे बाहर नहीं जाते, और किसी खाते की ज़रूरत नहीं।

डिज़ाइन में जारी रखें

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

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

CSS लोडिंग एनिमेशन जनरेटर

CSS Loader Generator

लोडिंग स्पिनर की स्टाइल, फ़्रेम साइज़, स्ट्रोक, रफ़्तार और रंग विज़ुअली सेट करें; तैयार CSS कॉपी या डाउनलोड करें और सीधे अपने मार्कअप में जोड़ें।

बनाएँ

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

CSS Checkbox Generator

कस्टम चेकबॉक्स का साइज़, फ़्रेम और दोनों स्टेट के रंग डिज़ाइन करें, चुनी और बिना चुनी हालत प्रीव्यू करें और नेटिव मार्कअप के साथ CSS कॉपी करें।

बनाएँ

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

CSS Switch Generator

सिर्फ़ CSS वाले टॉगल स्विच का ट्रैक, थंब और दोनों स्टेट के रंग सेट करें, ट्रांज़िशन प्रीव्यू करें और मार्कअप समेत पूरा कोड कॉपी या डाउनलोड करें।

बनाएँ

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

CSS Clip Path Generator

खींचकर, कीबोर्ड या निर्देशांक से बिंदु संपादित करें। चार प्रीसेट से शुरू करके clip-path घोषणा या पूरा CSS स्थानीय रूप से कॉपी करें।

बनाएँ