OKLCH में ग्रेडिएंट इंटरपोलेशन
Formula
चिकने मिश्रणों के लिए आरजीबी के बजाय ओकेएलसीएच में एल, सी, एच को इंटरपोलेट करें।
Variables
- आर, जी, बी
- एसआरजीबी चैनल (0-255 या 0-1 सामान्यीकृत)
- एच, एस, एल
- एचएसएल में रंग (डिग्री), संतृप्ति और हल्कापन (0-1)।
- एल
- सापेक्ष चमक (WCAG) या HSL/OKLCH में हल्कापन
FAQ
- क्या ओकेएलसीएच में ग्रेडिएंट इंटरपोलेशन प्रिंट वर्कफ़्लोज़ के लिए सटीक है?
- स्क्रीन आरजीबी और प्रिंट सीएमवाईके अलग-अलग सरगम का उपयोग करते हैं। रूपांतरणों को अनुमानित प्रमाण मानें; वाणिज्यिक प्रिंट के लिए आईसीसी प्रोफाइल के साथ अंशांकन करें।
- क्या मैं इस फ़ॉर्मूले का उपयोग CSS में कर सकता हूँ?
- आधुनिक सीएसएस कई ऑपरेशनों के लिए कलर-मिक्स(), ओकेएलसीएच() और लैब() का समर्थन करता है। जटिल पाइपलाइनों के लिए, जावास्क्रिप्ट में गणना करें और सीएसएस चर निर्यात करें।
- क्या Color DevByte मेरे रंग अपलोड करता है?
- नहीं, सूत्र संदर्भ पृष्ठ स्थिर दस्तावेज़ हैं; इंटरैक्टिव टूल आपके ब्राउज़र में 100% क्लाइंट-साइड चलते हैं।
सिंहावलोकन
अवधारणात्मक स्थान में अंतर्वेश करके गंदे मध्यबिंदुओं से बचें।
Color DevByte इस फ़ॉर्मूले को उन डेवलपर्स, डिज़ाइनरों और एक्सेसिबिलिटी समीक्षकों के लिए दस्तावेज़ित करता है, जिन्हें सर्वर पर डेटा भेजे बिना प्रतिलिपि प्रस्तुत करने योग्य रंग गणित की आवश्यकता होती है।
इस फ़ॉर्मूले को लाइव पूर्वावलोकन और बहु-प्रारूप निर्यात के साथ इंटरैक्टिव रूप से लागू करने के लिए लिंक किए गए रंग टूल का उपयोग करें।
इस फॉर्मूले का उपयोग कब करें
डिज़ाइन टोकन बनाते समय, WCAG कंट्रास्ट को मान्य करते समय, या CSS, टेलविंड, या डिज़ाइन-सिस्टम JSON में रंग पाइपलाइनों को स्वचालित करते समय, oklch में ग्रेडिएंट इंटरपोलेशन लागू करें।
उत्पादन यूआई के लिए, हमेशा कंट्रास्ट चेकर या विज़ुअल पूर्वावलोकन के साथ परिणामों को सत्यापित करें - गामा सुधार और गैमट मैपिंग में किनारे के मामले परिणामों को बदल सकते हैं।
कार्यान्वयन नोट्स
ब्राउज़र-आधारित टूल को ल्यूमिनेंस या ΔE गणना से पहले sRGB को रैखिक बनाना चाहिए।
आरजीबी मिश्रणों में सामान्य भूरे रंग के मध्य बिंदुओं से बचने के लिए ग्रेडिएंट और थीम के लिए ओकेएलसीएच या लैब इंटरपोलेशन को प्राथमिकता दें।