HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

色HWB

❮ 前 次 ❯

HWB（Hue、Whiteness、Blackness）は、CSS4の推奨標準です。

HWB電卓


 
rgb（255、0、0）
＃ff0000
hsl（0、100％、50％）

H：
W：
B：
";} x + =" "; x + =" "; n = 0; for（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（ i = 0; i ";} x + ="
" + i + "
"; document.getElementById（" whitetable "）。innerHTML= x;} function drawBlackTable（hue）{var x、i; x =" "x + =" "; for（i = 0; i ";} x + = ""; x + = ""; for（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


❮ 前 次 ❯