HSLA से Display P3 कन्वर्टर
HSLA वैल्यू पेस्ट करें, तुरंत Display P3 पाएँ। कोई दूसरा फ़ॉर्मैट भी चलेगा।
HSL के रूप में पढ़ा गया
वही रंग बिना पारदर्शिता के, ठोस Display P3 में
रंग बदलें
बाकी सभी फ़ॉर्मैट
अपारदर्शिता तालिका: HEX अल्फ़ा और HSLA
8 अंकों वाले HEX में आख़िरी दो अंक अपारदर्शिता तय करते हैं: FF पूरी तरह अपारदर्शी है, 80 लगभग 50% और 00 पूरी तरह पारदर्शी। तालिका में उदाहरण वाला रंग हर 5% पर दिखाया गया है।
| अपारदर्शिता | HEX अल्फ़ा | HEX | HSLA |
|---|---|---|---|
| 100% | ff | #ff5733 | hsla(10.59, 100%, 60%, 1) |
| 95% | f2 | #ff5733f2 | hsla(10.59, 100%, 60%, 0.95) |
| 90% | e6 | #ff5733e6 | hsla(10.59, 100%, 60%, 0.9) |
| 85% | d9 | #ff5733d9 | hsla(10.59, 100%, 60%, 0.85) |
| 80% | cc | #ff5733cc | hsla(10.59, 100%, 60%, 0.8) |
| 75% | bf | #ff5733bf | hsla(10.59, 100%, 60%, 0.75) |
| 70% | b3 | #ff5733b3 | hsla(10.59, 100%, 60%, 0.7) |
| 65% | a6 | #ff5733a6 | hsla(10.59, 100%, 60%, 0.65) |
| 60% | 99 | #ff573399 | hsla(10.59, 100%, 60%, 0.6) |
| 55% | 8c | #ff57338c | hsla(10.59, 100%, 60%, 0.55) |
| 50% | 80 | #ff573380 | hsla(10.59, 100%, 60%, 0.5) |
| 45% | 73 | #ff573373 | hsla(10.59, 100%, 60%, 0.45) |
| 40% | 66 | #ff573366 | hsla(10.59, 100%, 60%, 0.4) |
| 35% | 59 | #ff573359 | hsla(10.59, 100%, 60%, 0.35) |
| 30% | 4d | #ff57334d | hsla(10.59, 100%, 60%, 0.3) |
| 25% | 40 | #ff573340 | hsla(10.59, 100%, 60%, 0.25) |
| 20% | 33 | #ff573333 | hsla(10.59, 100%, 60%, 0.2) |
| 15% | 26 | #ff573326 | hsla(10.59, 100%, 60%, 0.15) |
| 10% | 1a | #ff57331a | hsla(10.59, 100%, 60%, 0.1) |
| 5% | 0d | #ff57330d | hsla(10.59, 100%, 60%, 0.05) |
| 0% | 00 | #ff573300 | hsla(10.59, 100%, 60%, 0) |
HSLA से Display P3 के उदाहरण
HSLA और Display P3 के बारे में
HSLA, HSL के साथ अपारदर्शिता का अल्फ़ा चैनल है, जिसे hsla(11, 100%, 60%, 0.5) लिखा जाता है। अल्फ़ा 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) तक होता है, और आधुनिक CSS इसे hsl() के अंदर भी मानता है।
Display P3 आधुनिक Apple स्क्रीन और कई फ़ोनों का वाइड कलर गैमट है। यह sRGB से लगभग 25% ज़्यादा रंग दिखाता है और color(display-p3 r g b) के रूप में लिखा जाता है।
कन्वर्ज़न कैसे होता है
हम HSLA वैल्यू पढ़ते हैं, उसे CSS Color 4 स्पेसिफ़िकेशन के मैट्रिक्स से CIE XYZ में बदलते हैं और फिर Display P3 में। टारगेट गैमट से बाहर की वैल्यू CSS Color 4 एल्गोरिदम से मैप होती हैं, जो लाइटनेस और ह्यू बनाए रखता है और क्रोमा घटाता है।
सवाल और जवाब
HSLA को Display P3 में कैसे कन्वर्ट करें?
ऊपर के फ़ील्ड में HSLA वैल्यू पेस्ट करें या लिखें। PickShade लिखते-लिखते उसे CSS Color 4 फ़ॉर्मूलों से कन्वर्ट करता है, और एक क्लिक में Display P3 वैल्यू कॉपी हो जाती है।
क्या HSLA से Display P3 कन्वर्ज़न सटीक है?
गणित सटीक है और नतीजा सिर्फ़ दिखाने के लिए राउंड होता है, इतने अंकों के साथ कि वापस कन्वर्ट करने पर वही रंग मिले। अगर रंग टारगेट गैमट में फ़िट नहीं होता, तो PickShade चेतावनी देता है और सबसे नज़दीकी फ़िट होने वाला रंग दिखाता है।
क्या एक साथ दूसरे फ़ॉर्मैट भी मिल सकते हैं?
हाँ। OKLCH, Display P3, Tailwind, SwiftUI, Flutter और Android समेत बाकी सभी फ़ॉर्मैट नतीजे के नीचे दिए गए हैं और एक क्लिक में कॉपी होते हैं।
क्या यह कन्वर्टर मुफ़्त है?
हाँ। यह मुफ़्त है, साइन-अप नहीं माँगता और पूरी तरह आपके ब्राउज़र में चलता है।