HEX to RGBA
HEX रंगों को अल्फा ट्रांसपेरेंसी के साथ RGBA में बदलें
TransparentOpaque
इस टूल के बारे में
HEX से RGBA कनवर्टर हेक्साडेसिमल कलर कोड को वैकल्पिक ऑपेसिटी कंट्रोल के साथ RGBA फॉर्मेट में बदलता है। वेब डेवलपर्स इस टूल का उपयोग CSS में रंगों में पारदर्शिता जोड़ते समय करते हैं, जैसे ओवरले, शैडो और सेमी-ट्रांसपेरेंट बैकग्राउंड के लिए।
बस एक हेक्स कलर कोड (3, 6, या 8 अक्षर) दर्ज करें और टूल तुरंत समकक्ष rgba() वैल्यू आउटपुट करता है। आप अल्फा (ऑपेसिटी) वैल्यू को 0 से 1 तक भी एडजस्ट कर सकते हैं।
कैसे उपयोग करें
- एक हेक्स कलर कोड दर्ज करें (जैसे #ff5733 या #f53)।
- RGBA आउटपुट तुरंत अपडेट होता है।
- ऑपेसिटी सेट करने के लिए अल्फा स्लाइडर एडजस्ट करें (0 = पारदर्शी, 1 = अपारदर्शी)।
- rgba() वैल्यू कॉपी करें और इसे अपने CSS में पेस्ट करें।
- सीधे अल्फा एन्कोडिंग के लिए 8-अंकों वाला हेक्स (#RRGGBBAA) उपयोग करें।
उपयोग के मामले
CSS ओवरले, box-shadow रंगों, सेमी-ट्रांसपेरेंट UI एलिमेंट्स, और किसी विशिष्ट हेक्स कलर में ऑपेसिटी जोड़ने की जरूरत होने पर उपयोगी।
अक्सर पूछे जाने वाले प्रश्न
- RGBA क्या है? — RGBA एक CSS कलर फॉर्मेट है: रेड, ग्रीन, ब्लू और अल्फा (ऑपेसिटी)। अल्फा चैनल 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) तक होता है।
- क्या मैं 3-अंकों वाला हेक्स कन्वर्ट कर सकता हूं? — हां। कन्वर्जन से पहले #abc को स्वचालित रूप से #aabbcc में विस्तारित किया जाता है।
- 8-अंकों वाले हेक्स का क्या मतलब है? — #FF5733AA जैसे 8-अंकों वाले हेक्स में अंतिम दो अंकों में एक अल्फा चैनल शामिल होता है, जो सीधे RGBA में भी मैप होता है।
- क्या मैं CSS कलर नाम पेस्ट कर सकता हूं? — नहीं, केवल हेक्स कोड समर्थित हैं। किसी नामित रंग को पहले हेक्स में बदलने के लिए कलर पिकर का उपयोग करें।