रंग कनवर्टर
रंगों को HEX, RGB, HSL और OKLCH के बीच बदलिए, लाइव पूर्वावलोकन के साथ
इस टूल के बारे में
किसी भी प्रचलित संकेतन में रंग डालिए — #hex, rgb(), hsl(), या कोई CSS नामित रंग — और सारे प्रारूप एक साथ पाइए: HEX, RGB, HSL और OKLCH, साथ में जीता-जागता रंग-नमूना। अल्फ़ा चैनल सभी प्रारूपों में बना रहता है, और आउटपुट आधुनिक CSS वाक्य-रचना (स्पेस से अलग किए चैनल) में आता है जो आज की स्टाइलशीट में साफ़-साफ़ चिपकती है।
OKLCH इसलिए शामिल है क्योंकि CSS का रंग उसी ओर बढ़ रहा है: HSL के विपरीत, उसका चमक-अक्ष बोध की दृष्टि से एकसमान है, इसलिए एक ही L वाले दो रंग वाक़ई बराबर चमकीले दिखते हैं, और रंगत बदलने से महसूस होने वाली चमक अनजाने में नहीं बदलती। किसी मौजूदा रंग-पट्टिका को OKLCH में बदलना, सुसंगत रंग-श्रेणियाँ बनाने की दिशा में पहला क़दम है।
गणित स्थानीय रूप से, प्रकाशित sRGB↔OKLab रूपांतरणों से चलता है, और मान बिना हानि आते-जाते हैं: HSL इनपुट से आपको जो RGB वापस मिलता है, वही ब्राउज़र भी गणना करता।
अक्सर पूछे जाने वाले प्रश्न
- HSL और OKLCH की चमक के मान अलग-अलग क्यों हैं?
- HSL की चमक RGB मानों का ज्यामितीय गुण है, मानव दृष्टि का नहीं — hsl(60 100% 50%) पीला, hsl(240 100% 50%) नीले से कहीं अधिक चमकीला दिखता है, जबकि दोनों का L समान है। OKLCH का L अक्ष बोध से मेल खाने के लिए बनाया गया है, इसलिए समान L का अर्थ है समान प्रतीत होने वाली चमक। यही असहमति OKLCH के होने का पूरा कारण है।
- अल्फ़ा मान का क्या अर्थ है और हर प्रारूप में वह कहाँ जाता है?
- अल्फ़ा अपारदर्शिता है, 0 (पारदर्शी) से 1 (अपारदर्शी) तक। आठ अंकों वाले hex में वह आख़िरी बाइट है (#RRGGBBAA); आधुनिक फ़ंक्शनल वाक्य-रचना में वह स्लैश के बाद आता है: rgb(76 141 255 / 0.5)। यह कनवर्टर अल्फ़ा को हर प्रारूप में अपने आप साथ ले जाता है।
- क्या हर OKLCH रंग sRGB में दिखाया जा सकता है?
- नहीं — OKLCH चौड़े गैमट समेटता है, और क्रोमा/चमक के कुछ संयोजनों का sRGB में कोई समकक्ष नहीं है। sRGB से रूपांतरण (जो यह टूल करता है) हमेशा दिखाने योग्य रहता है; उलटी दिशा में गैमट से बाहर के रंगों को काटना या मैप करना पड़ता है, इसीलिए चटख P3 हरा sRGB स्क्रीन पर फीका दिखता है।
- अल्पविराम की जगह rgb(76 141 255) में स्पेस क्यों?
- CSS Color Module Level 4 ने वैकल्पिक /अल्फ़ा के साथ स्पेस से अलग किए चैनल मानक बनाए, और हर आधुनिक ब्राउज़र इसे समर्थित करता है। अल्पविराम वाला रूप अब भी चलता है, पर नई विशिष्टियाँ (और यह टूल) स्पेस वाला रूप ही इस्तेमाल करती हैं।