최신 웹 개발 튜토리얼
 

Colors HSL


HSL 계산기


RGB (255, 0, 0)
# FF0000


H :
에스:
엘:

HSL 색상

HSL 색상 값은 IE9 +, 파이어 폭스, 크롬, 사파리, 및 오페라 10 이상에서 지원됩니다.

HSL은 색조, 채도 및 밝기를 의미합니다.

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


색조

색조 (240)는 파란색, (120)은 녹색, 0 ~ 360 0 컬러 휠에 어느 정도의 빨간색입니다.


포화

채도 백분율 값이고; 0 % 회색의 그늘을 의미하고, 100 % 풀 컬러입니다.


가벼움

밝기는 비율입니다; 0 % 100 %가 흰색, 검은 색입니다.


그것을 자신을 시도

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

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

»그에게 자신을보십시오