색상 HSL

HSL 계산기

RGB(255, 0, 0)
#ff0000

시간:

에스:

엘:

HSL 색상

HSL 색상 값은 IE9+, Firefox, Chrome, Safari 및 Opera 10+에서 지원됩니다.

HSL은 색조, 채도 및 밝기를 나타냅니다.

HSL 색상 값은 다음으로 지정됩니다 .hsl(hue, saturation, lightness)

색조

색조는 0에서 360까지의 색상환의 정도입니다. 0은 빨간색, 120은 녹색, 240은 파란색입니다.

포화

채도는 백분율 값입니다. 0%는 회색 음영을 의미하고 100%는 전체 색상을 의미합니다.

가벼움

밝기도 백분율입니다. 0%는 검은색, 100%는 흰색입니다.

"; } x += ""; x += ""; n = 0; for (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable"). innerHTML = x; } function drawSatTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for( 나는 = 0; 나는 "; } x += "

" + i + "

"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for (i = 0; 나는 "; } x += "

" + i + "

"; document.getElementById("가벼움 테이블").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

직접 해보십시오

HSL 색상 값은 모든 주요 브라우저에서 지원됩니다.

예시

<style>

div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}

</style>

❮ 이전의 다음 ❯

색상 튜토리얼

색 구성표

컬러 트렌드

색상 표준

색상 HSL

HSL 계산기

HSL 색상

색조

포화

가벼움

직접 해보십시오

예시