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

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

RGBA से HEX

RGBA to HEX Converter

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

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

चैनल मान डालें

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

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

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

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

  1. 01

    चैनल मान डालें

    RGB या RGBA रंग फ़ील्ड में rgb() या rgba() मान लिखें — फ़ील्ड rgba(109, 94, 248, 0.8) भरा हुआ खुलता है और 64 अक्षर तक स्वीकार करता है। लाल, हरा और नीला 0 से 255 के पूर्णांक होने चाहिए, अल्फ़ा 0 से 1 की संख्या; प्रतिशत और रेंज से बाहर चैनल अस्वीकार होते हैं।

  2. 02

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

    HEX में बदलें दबाएं। पार्सर बदलने से पहले हर चैनल वैलिडेट करता है, और फ़ील्ड संपादित करते ही पिछला नतीजा मिट जाता है, ताकि पैनल कभी बासी मान न दिखाए।

  3. 03

    हेक्साडेसिमल नतीजा पढ़ें

    नतीजा बड़े अक्षरों का hex मान है: रंग पूरी तरह अपारदर्शी होने पर #RRGGBB, अल्फ़ा 1 से कम होने पर #RRGGBBAA। अल्फ़ा बाइट, अल्फ़ा को 255 से गुणा करके गोल किया हुआ है, इसलिए 0.8 बनकर 204, लिखा जाता है CC।

  4. 04

    अलग-अलग चैनलों की समीक्षा करें

    नतीजा चैनल और पूर्वावलोकन एक्सपोर्ट किया गया HEX रंग दिखाते हैं, जब अल्फ़ा 8-बिट बाइट में क्वांटाइज़ हो चुका हो। उदाहरण के लिए, इनपुट अल्फ़ा 0.65 बनकर 166/255, दिखता है 0.65098 के रूप में। यह आउटपुट पूर्वावलोकन है, इनपुट अल्फ़ा की अपरिवर्तित प्रति नहीं।

  5. 05

    नमूना रूपांतरण लोड करें

    पूरा रन देखने के लिए नमूना लोड करें दबाएं: rgba(14, 165, 233, 0.65) बदलकर #0EA5E9A6 होता है, क्योंकि 0.65 गुणा 255 गोल होकर 166 होता है, जो hex में A6 है। रीसेट डिफ़ॉल्ट rgba(109, 94, 248, 0.8) इनपुट लौटाता है।

  6. 06

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

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

टूल के तथ्य

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

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

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

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

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

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

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

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

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

तुरंत रीसेट

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

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

डिज़ाइन टोकन, पुरानी स्टाइलशीट और खूब सारे API अब भी रंग hex में चाहते हैं, जबकि कंप्यूटेड CSS और आधुनिक डिज़ाइन टूल आपको rgba() थमाते हैं। rgba(14, 165, 233, 0.65) को हाथ से बदलने का मतलब है तीन दशमलव-से-hex रूपांतरण और अल्फ़ा बाइट। RGBA से HEX कनवर्टर गणित ठीक-ठीक करता है, पारदर्शिता को आठ-अंकीय hex में रखता है, और पार्स किए चैनल दिखाता है ताकि कॉपी करने से पहले इनपुट की समझदारी-जांच कर सकें। सब कुछ आपके डिवाइस पर चलता है, कहीं कुछ नहीं भेजा जाता और किसी खाते की ज़रूरत नहीं।

आम सवाल

कौन सा इनपुट सिंटैक्स स्वीकार होता है?
rgb(r, g, b) या rgba(r, g, b, a) कॉमा से अलग चैनलों के साथ: लाल, हरा और नीला 0 से 255 के पूर्णांक होने चाहिए, और अल्फ़ा 0 से 1 की संख्या जैसे 0.8 या .65। नोटेशन केस-इनसेंसिटिव है और कॉमा के आसपास के स्पेस सहन करता है; rgb(50%, 30%, 20%) जैसे प्रतिशत चैनल डिज़ाइन से ही अस्वीकृत हैं।
आउटपुट में अल्फ़ा बाइट कब शामिल होता है?
सिर्फ़ तब जब अल्फ़ा 1 से कम हो। rgba(109, 94, 248, 0.8) बनकर #6D5EF8CC होता है, जबकि पूर्ण ओपेसिटी पर वही रंग #6D5EF8 बनता है — hex नोटेशन कभी बेकार FF नहीं ढोता।
अल्फ़ा आखिरी बाइट कैसे बनता है?
अल्फ़ा को 255 से गुणा करके नज़दीकी पूर्णांक तक गोल किया जाता है, फिर दो बड़े hex अंकों में लिखा जाता है। इसलिए 0.5 बनकर 128, दिखता है 80 के रूप में, और 0.65 गोल होकर 166, दिखता है A6 के रूप में — वही मैपिंग जो CSS आठ-अंकीय hex रंगों के लिए इस्तेमाल करता है।
मेरा इनपुट क्यों अस्वीकार हुआ?
संदेश सटीक समस्या बताता है: 255 से ऊपर का चैनल, गैर-पूर्णांक चैनल, 1 से ऊपर का अल्फ़ा, या rgb() व rgba() के अलावा कोई फ़ॉर्मैट। पार्सर जानबूझकर सख़्त है ताकि टाइपो कभी चुपचाप गलत रंग न बन जाए। मान ठीक करें और दोबारा बदलें — कुछ भी कहीं नहीं भेजा गया।
क्या मैं hex को वापस rgba() में बदल सकता/सकती हूँ?
हां — HEX से RGBA कनवर्टर इस्तेमाल करें, जो #RGB, #RGBA, #RRGGBB और #RRGGBBAA स्वीकार करता है और rgba() स्ट्रिंग हर चैनल अलग करके समीक्षा के लिए दिखाता है।
क्या रंग कहीं अपलोड होता है?
नहीं। रूपांतरण पूरी तरह इस ब्राउज़र टैब में चलता है, इनपुट और नतीजे कभी उससे बाहर नहीं जाते, और किसी खाते की ज़रूरत नहीं।

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

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

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

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

CSS Loader Generator

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

बनाएँ

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

CSS Checkbox Generator

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

बनाएँ

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

CSS Switch Generator

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

बनाएँ

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

CSS Clip Path Generator

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

बनाएँ