लाइटनेस
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/lightness/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/lightness/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/lightness/)Use the native HTML custom element.
किसी रंग द्वारा परावर्तित प्रकाश की कथित मात्रा, जो काले (0%) से लेकर सफेद (100%) तक होती है।
Lightness is a perceptual measurement that indicates how light or dark a color appears. In the HSL model, lightness is the third component measured as a percentage, where 0% is pure black, 50% is the pure hue, and 100% is pure white. Lightness differs from brightness (used in HSV/HSB) in that maximum lightness always produces white regardless of saturation. In the CIELAB color space, the L* axis represents perceptual lightness, designed to be more uniform with human perception than HSL lightness.
इसे आज़माएँ
संबंधित लेख
अनुभवात्मक रंग स्थान: Lab, LCH, Oklab, OKLCH
अनुभवात्मक रूप से एकसमान रंग स्थानों का अन्वेषण करें — CIE Lab, LCH, Oklab और OKLCH। जानें कि प्रत्येक कैसे डिज़ाइन किया गया, कहाँ उत्कृष्ट है, और CSS और डिज़ाइन कार्य के लिए कौन सा उपयोग करें।
React में डायनेमिक कलर थीमिंग: CSS वेरिएबल से परे
CSS वेरिएबल, कंटेक्स्ट प्रोवाइडर और Tailwind CSS का उपयोग करके React में डायनेमिक कलर थीमिंग लागू करें। रनटाइम रंग जनरेशन के साथ उपयोगकर्ता-अनुकूलन योग्य थीम बनाएं।
माइक्रो-इंटरैक्शन में रंग: होवर, फोकस, एक्टिव अवस्थाएं
माइक्रो-इंटरैक्शन में रंग उपयोग में महारत हासिल करें — होवर प्रीव्यू, फोकस मार्गदर्शन, एक्टिव फीडबैक। UI कॉम्पोनेंट्स में सुसंगत अवस्था रंग बनाएं।
Radix UI Colors: अवधारणात्मक रूप से समान रंग स्केल
Radix UI Colors का संपूर्ण गाइड: 12-स्टेप अवधारणात्मक रूप से समान स्केल, स्वचालित डार्क मोड, अंतर्निहित सुलभता, और Tailwind और CSS फ्रेमवर्क के साथ एकीकरण।
Pink बनाम Magenta बनाम Rose: पिंक परिवार को समझना
Pink (#FFC0CB), magenta (#FF00FF) और rose (#FF007F) की तुलना करें। पिंक रंग परिवार, HEX कोड अंतर और प्रत्येक के डिज़ाइन अनुप्रयोगों को समझें।
Photoshop में रंग सुधार: Curves, Levels और HSL
Curves, Levels और HSL एडजस्टमेंट के साथ Photoshop रंग सुधार में महारत हासिल करें। हिस्टोग्राम पढ़ना, व्हाइट बैलेंस और पेशेवर कलर ग्रेडिंग तकनीकें सीखें।