CSS hwb() फ़ंक्शन

निर्धारण और उपयोग

CSS का hwb() फ़ंक्शन को रंग को टोन-व्हाइट-ब्लैक (HWB) मॉडल के द्वारा निर्धारित करता है। इसके साथ-साथ एक वैकल्पिक पारदर्शिता चैनल (रंग की पारदर्शिता के लिए) जोड़ा जा सकता है。

उदाहरण

विभिन्न HWB(A) रंग निर्धारित करें:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#p2 {background-color:hwb(120 40% 20%);}
#p3 {background-color:hwb(120 40% 20% / 20%);}
#p4 {background-color:hwb(240 40% 20%);}
#p5 {background-color:hwb(240 50% 10%);}
#p6 {background-color:hwb(240 40% 20% / 0.3);}
#p7 {background-color:hwb(300 40% 20% / 0.5);}
#p8 {background-color:hwb(360 40% 20%);}
#p9 {background-color:hwb(360 90% 0%);}

स्वयं को प्रयोग करें

CSS भाषा

अभिकृत मान भाषा

hwb(hue whiteness blackness / A)
मूल्य वर्णन
hue

अनिवार्य। रंग चक्र पर कोण (0 से 360) को परिभाषित करता है; 0 (या 360) लाल है, 120 हरा है, 240 नीला है।

none (0deg के बराबर) का उपयोग किया जा सकता है।
whiteness

अनिवार्य। मिश्रण की श्वेतता को परिभाषित करता है; 0% का अर्थ अधिकतर नहीं है, 100% का अर्थ पूरी तरह से श्वेत है।

none (0% के बराबर) का उपयोग किया जा सकता है।
blackness

अनिवार्य। मिश्रण की अंधारता को परिभाषित करता है; 0% का अर्थ अधिकतर नहीं है, 100% का अर्थ पूरी तरह से अंधार है।

none (0% के बराबर) का उपयोग किया जा सकता है।
/ A

वैकल्पिक। रंग के पारदर्शी कैनल की मूल्य वाली प्रतिशत (0% या 0 का अर्थ पूरी तरह से पारदर्शी है, 100% या 100 का अर्थ पूरी तरह से अपारदर्शी है)।

none (अस्पष्ट पारदर्शी कैनल के रूप में) का उपयोग किया जा सकता है।

डिफ़ॉल्ट मूल्य 100% है।

सापेक्षिक मान भाषा

hwb(from color whiteness blackness / A)
मूल्य वर्णन
from color

from द्वारा शुरू होता है, इसके बाद आधार रंग का रंग मान।

यह अप्रत्यक्ष रंग के आधार रंग है।
hue

अनिवार्य। रंग चक्र पर कोण (0 से 360) को परिभाषित करता है; 0 (या 360) लाल है, 120 हरा है, 240 नीला है।

none (0deg के बराबर) का उपयोग किया जा सकता है।
whiteness

अनिवार्य। मिश्रण की श्वेतता को परिभाषित करता है; 0% का अर्थ अधिकतर नहीं है, 100% का अर्थ पूरी तरह से श्वेत है।

none (0% के बराबर) का उपयोग किया जा सकता है।
blackness

अनिवार्य। मिश्रण की अंधारता को परिभाषित करता है; 0% का अर्थ अधिकतर नहीं है, 100% का अर्थ पूरी तरह से अंधार है।

none (0% के बराबर) का उपयोग किया जा सकता है।
/ A

वैकल्पिक। रंग के पारदर्शी कैनल की मूल्य वाली प्रतिशत (0% या 0 का अर्थ पूरी तरह से पारदर्शी है, 100% या 100 का अर्थ पूरी तरह से अपारदर्शी है)।

none (अस्पष्ट पारदर्शी कैनल के रूप में) का उपयोग किया जा सकता है।

डिफ़ॉल्ट मूल्य 100% है।

तकनीकी विवरण

संस्करण: CSS Color Module Level 4

ब्राउज़र समर्थन

तालिका में नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण के रूप में प्रदर्शित है。

च्रोम एज फ़ायरफॉक्स सफारी ओपेरा
hwb()
101 101 96 15 87
पैरामीटरों में नंबर और प्रतिशत मिश्रण
121 121 122 नहीं समर्थित 107

संबंधित पृष्ठ

संदर्भ:सीएसएस रंग

संदर्भ:CSS hsl() फ़ंक्शन

संदर्भ:CSS lab() फ़ंक्शन

संदर्भ:CSS lch() फ़ंक्शन

संदर्भ:CSS ओकलैब() फ़ंक्शन

संदर्भ:CSS ओकलच() फ़ंक्शन