색상 HWB


HWB(Hue, Whiteness, Blackness)는 CSS4에서 제안하는 표준입니다.


HWB 계산기


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


시간:
여:
비:
"; } 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( 나는 = 0; 나는 "; } x += "
" + i + "
"; document.getElementById("whitetable").innerHTML = x; } function drawBlackTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for (i = 0; 나는 "; } x += "
" + i + "
"; document.getElementById("검정 테이블").innerHTML = x; } drawWhiteTable(0), drawHueTable(0), drawBlackTable(0),

HTML 지원

HWB는 아직 HTML에서 지원하지 않지만 CSS4에서는 새로운 표준으로 제시되고 있다.

CSS4를 기다리는 동안 W3Schools의 Color 라이브러리를 포함하고 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


❮ 이전의 다음 ❯