Display P3 से HSLA कन्वर्टर
Display P3 वैल्यू पेस्ट करें, तुरंत HSLA पाएँ। कोई दूसरा फ़ॉर्मैट भी चलेगा।
अपारदर्शिता तालिका: 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) |
Display P3 से HSLA के उदाहरण
Display P3 और HSLA के बारे में
Display P3 आधुनिक Apple स्क्रीन और कई फ़ोनों का वाइड कलर गैमट है। यह sRGB से लगभग 25% ज़्यादा रंग दिखाता है और color(display-p3 r g b) के रूप में लिखा जाता है।
HSLA, HSL के साथ अपारदर्शिता का अल्फ़ा चैनल है, जिसे hsla(11, 100%, 60%, 0.5) लिखा जाता है। अल्फ़ा 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) तक होता है, और आधुनिक CSS इसे hsl() के अंदर भी मानता है।
कन्वर्ज़न कैसे होता है
हम Display P3 वैल्यू पढ़ते हैं, उसे CSS Color 4 स्पेसिफ़िकेशन के मैट्रिक्स से CIE XYZ में बदलते हैं और फिर HSLA में। टारगेट गैमट से बाहर की वैल्यू CSS Color 4 एल्गोरिदम से मैप होती हैं, जो लाइटनेस और ह्यू बनाए रखता है और क्रोमा घटाता है।
सवाल और जवाब
Display P3 को HSLA में कैसे कन्वर्ट करें?
ऊपर के फ़ील्ड में Display P3 वैल्यू पेस्ट करें या लिखें। PickShade लिखते-लिखते उसे CSS Color 4 फ़ॉर्मूलों से कन्वर्ट करता है, और एक क्लिक में HSLA वैल्यू कॉपी हो जाती है।
क्या Display P3 से HSLA कन्वर्ज़न सटीक है?
गणित सटीक है और नतीजा सिर्फ़ दिखाने के लिए राउंड होता है, इतने अंकों के साथ कि वापस कन्वर्ट करने पर वही रंग मिले। अगर रंग टारगेट गैमट में फ़िट नहीं होता, तो PickShade चेतावनी देता है और सबसे नज़दीकी फ़िट होने वाला रंग दिखाता है।
क्या एक साथ दूसरे फ़ॉर्मैट भी मिल सकते हैं?
हाँ। OKLCH, Display P3, Tailwind, SwiftUI, Flutter और Android समेत बाकी सभी फ़ॉर्मैट नतीजे के नीचे दिए गए हैं और एक क्लिक में कॉपी होते हैं।
क्या यह कन्वर्टर मुफ़्त है?
हाँ। यह मुफ़्त है, साइन-अप नहीं माँगता और पूरी तरह आपके ब्राउज़र में चलता है।