สีHWB


HWB (Hue, Whiteness, Blackness) เป็นมาตรฐานที่แนะนำสำหรับ 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 += ""; for ( ผม = 0; ผม "; } x += "
" + 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


❮ ก่อนหน้า ถัดไป ❯