सीधे कलर पिकर पर जाएँ

RGBA से Flutter / Compose कन्वर्टर

RGBA वैल्यू पेस्ट करें, तुरंत Flutter / Compose पाएँ। कोई दूसरा फ़ॉर्मैट भी चलेगा।

RGB के रूप में पढ़ा गया

Flutter / Compose वैल्यूColor(0xCCFF5733)
Flutter / Compose से RGBA

वही रंग बिना पारदर्शिता के, ठोस Flutter / Compose में

रंग बदलें

11°
80%

68%
0.210
34°

बाकी सभी फ़ॉर्मैट

अपारदर्शिता तालिका: HEX अल्फ़ा और RGBA

8 अंकों वाले HEX में आख़िरी दो अंक अपारदर्शिता तय करते हैं: FF पूरी तरह अपारदर्शी है, 80 लगभग 50% और 00 पूरी तरह पारदर्शी। तालिका में उदाहरण वाला रंग हर 5% पर दिखाया गया है।

अपारदर्शिताHEX अल्फ़ाHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

RGBA से Flutter / Compose के उदाहरण

रंगRGBAFlutter / Compose
rgba(255, 0, 0, 1)Color(0xFFFF0000)
rgba(0, 255, 0, 1)Color(0xFF00FF00)
rgba(0, 0, 255, 1)Color(0xFF0000FF)
rgba(255, 255, 255, 1)Color(0xFFFFFFFF)
rgba(0, 0, 0, 1)Color(0xFF000000)
rgba(128, 128, 128, 1)Color(0xFF808080)
rgba(255, 87, 51, 1)Color(0xFFFF5733)
rgba(59, 130, 246, 1)Color(0xFF3B82F6)
rgba(16, 185, 129, 1)Color(0xFF10B981)
rgba(245, 158, 11, 1)Color(0xFFF59E0B)
rgba(139, 92, 246, 1)Color(0xFF8B5CF6)
rgba(236, 72, 153, 1)Color(0xFFEC4899)

RGBA और Flutter / Compose के बारे में

RGBA, RGB के साथ अपारदर्शिता का अल्फ़ा चैनल है, जिसे rgba(255, 87, 51, 0.5) लिखा जाता है। अल्फ़ा 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) तक होता है। यही अपारदर्शिता 8 अंकों के HEX में भी लिखी जा सकती है, जैसे #ff573380।

Flutter और Jetpack Compose रंग को एक 32-बिट ARGB संख्या के रूप में लिखते हैं, जैसे Color(0xFFFF5733)। 0x के बाद के दो hex अंक अल्फ़ा हैं, और FF का मतलब पूरी तरह अपारदर्शी है।

कन्वर्ज़न कैसे होता है

हम RGBA वैल्यू पढ़ते हैं, उसे CSS Color 4 स्पेसिफ़िकेशन के मैट्रिक्स से CIE XYZ में बदलते हैं और फिर Flutter / Compose में। टारगेट गैमट से बाहर की वैल्यू CSS Color 4 एल्गोरिदम से मैप होती हैं, जो लाइटनेस और ह्यू बनाए रखता है और क्रोमा घटाता है।

सवाल और जवाब

RGBA को Flutter / Compose में कैसे कन्वर्ट करें?

ऊपर के फ़ील्ड में RGBA वैल्यू पेस्ट करें या लिखें। PickShade लिखते-लिखते उसे CSS Color 4 फ़ॉर्मूलों से कन्वर्ट करता है, और एक क्लिक में Flutter / Compose वैल्यू कॉपी हो जाती है।

क्या RGBA से Flutter / Compose कन्वर्ज़न सटीक है?

गणित सटीक है और नतीजा सिर्फ़ दिखाने के लिए राउंड होता है, इतने अंकों के साथ कि वापस कन्वर्ट करने पर वही रंग मिले। अगर रंग टारगेट गैमट में फ़िट नहीं होता, तो PickShade चेतावनी देता है और सबसे नज़दीकी फ़िट होने वाला रंग दिखाता है।

क्या एक साथ दूसरे फ़ॉर्मैट भी मिल सकते हैं?

हाँ। OKLCH, Display P3, Tailwind, SwiftUI, Flutter और Android समेत बाकी सभी फ़ॉर्मैट नतीजे के नीचे दिए गए हैं और एक क्लिक में कॉपी होते हैं।

क्या यह कन्वर्टर मुफ़्त है?

हाँ। यह मुफ़्त है, साइन-अप नहीं माँगता और पूरी तरह आपके ब्राउज़र में चलता है।