色 HWB

❮ 前章へ 次章へ ❯

HWB は、CSS4 ために提案された規格です。

HWB 計算表


 
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)

H:
W:
B:

HTML サポート

HWB は、HTML では（まだ）サポートされていませんが、CSS4 における新しい規格として提案されています。

CSS4 を待っている間、W3Schools のカラー・ライブラリをインクルードし、次のように HTML 属性として HWB を使用することができます：

例

<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="http://www.w3schools.com/lib/w3color.js"></script>
Try It Yourself ❯

W3Schools カラー・ライブラリ

上の例で使用した JavaScript ライブラリは、次の URL からダウンロードできます

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


❮ 前章へ 次章へ ❯