रंग एचडब्ल्यूबी

HWB (ह्यू, व्हाइटनेस, ब्लैकनेस) CSS4 के लिए सुझाया गया मानक है।

एचडब्ल्यूबी कैलकुलेटर

आरजीबी (255, 0, 0)
#ff0000
एचएसएल (0, 100%, 50%)

एच:

डब्ल्यू:

बी:

"; } x += ""; x += ""; n = 0; के लिए (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable")। आंतरिक HTML = x; } फ़ंक्शन ड्राव्हाइटटेबल (ह्यू) {var x, i; x = "" x + = ""; के लिए (i = 0; i "; } x + = ""; x + = ""; के लिए ( मैं = 0; मैं "; } एक्स + = "

" + i + "

"; document.getElementById("whitetable").innerHTML = x; } function drawBlackTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; के लिए (i = 0; i "; } x += "

" + i + "

"; document.getElementById("blacktable").innerHTML = x; } DrawWhiteTable(0); DrawHueTable(0); DrawBlackTable(0);

एचटीएमएल समर्थन

HWB HTML (अभी तक) में समर्थित नहीं है, लेकिन इसे CSS4 में एक नए मानक के रूप में सुझाया गया है।

CSS4 की प्रतीक्षा करते समय, आप W3Schools की कलर लाइब्रेरी को शामिल कर सकते हैं, और HWB को HTML विशेषता के रूप में इस तरह उपयोग कर सकते हैं:

उदाहरण

<div data-w3-color="hwb(60, 50%, 0)">

<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>

</div>

<script src="/lib/w3color.js"></script>

W3Schools कलर लाइब्रेरी

ऊपर के उदाहरण में प्रयुक्त जावास्क्रिप्ट लाइब्रेरी को यहाँ से डाउनलोड किया जा सकता है

https://www.w3schools.com/lib/w3color.js

❮ पहले का अगला ❯

रंग ट्यूटोरियल

रंग योजनाएं

रंग रुझान

रंग मानक

रंग एचडब्ल्यूबी

एचडब्ल्यूबी कैलकुलेटर

एचटीएमएल समर्थन

उदाहरण

W3Schools कलर लाइब्रेरी