ألوان HWB

HWB (تدرج اللون ، البياض ، السواد) هو معيار مقترح لـ CSS4.

حاسبة HWB

RGB (255 ، 0 ، 0)
# ff0000
hsl (0، 100٪، 50٪)

ح:

ب:

"؛} x + =" "؛ x + =" ؛ n = 0 ؛ لـ (i = 0 ؛ i "؛} x + =" "؛ x + =" "؛ document.getElementById (" huetable "). innerHTML = x؛} function drawWhiteTable (hue) {var x، i؛ x = "" x + = ""؛ for (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)؛

دعم HTML

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

يمكن تنزيل مكتبة JavaScript المستخدمة في المثال أعلاه من

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

❮ سابق التالي ❯

دروس الألوان

مخططات الألوان

اتجاهات اللون

معايير اللون

ألوان HWB

حاسبة HWB

دعم HTML

مثال

مكتبة ألوان W3Schools