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

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

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

Flutter कोड के रूप में पढ़ा गया

HSL वैल्यूhsl(10.59, 100%, 60%)
HSL से Flutter / Compose

रंग बदलें

11°
100%

68%
0.210
34°

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

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

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

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

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

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

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

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

सवाल और जवाब

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

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

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

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

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

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

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

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