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