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

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

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

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

Flutter / Compose वैल्यूColor(0xFFFF5733)
Flutter / Compose से HSL

रंग बदलें

11°
100%

68%
0.210
34°

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

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

रंगHSLFlutter / Compose
hsl(0, 100%, 50%)Color(0xFFFF0000)
hsl(120, 100%, 50%)Color(0xFF00FF00)
hsl(240, 100%, 50%)Color(0xFF0000FF)
hsl(0, 0%, 100%)Color(0xFFFFFFFF)
hsl(0, 0%, 0%)Color(0xFF000000)
hsl(0, 0%, 50.2%)Color(0xFF808080)
hsl(10.59, 100%, 60%)Color(0xFFFF5733)
hsl(217.22, 91.22%, 59.8%)Color(0xFF3B82F6)
hsl(160.12, 84.08%, 39.41%)Color(0xFF10B981)
hsl(37.69, 92.13%, 50.2%)Color(0xFFF59E0B)
hsl(258.31, 89.53%, 66.27%)Color(0xFF8B5CF6)
hsl(330.37, 81.19%, 60.39%)Color(0xFFEC4899)

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

HSL ह्यू को डिग्री में और सैचुरेशन व लाइटनेस को प्रतिशत में बताता है। इसे पढ़ना आसान है, पर इसकी लाइटनेस आँख के हिसाब से एक जैसी नहीं: 50% पर पीला, 50% पर नीले से कहीं ज़्यादा हल्का दिखता है।

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

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

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

सवाल और जवाब

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

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

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

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

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

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

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

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