본문 바로가기
CSS/CSS3

CSS3 투명도를 가지는 색상값 rgba HSL HSLA

by 샷타이거 2012. 3. 3.

CSS3 투명도를 가지는 색상값 rgba HSL HSLA

이전의 생상 키워드는 잘 알것이다.초반에 rgb방식이 있었지만 거의 16진수 코드를 사용하는편

div{ background-color:#000;}
div{ background-color:#00000;}
div{ background-color:rgb(0,0,0);}

 

rgba

rgb는 알다시피 레드, 그린, 블루이고 마지막 a는 알파, 즉 투명도이다.

마지막 투명도는 .3 이면 30%다

div{ background-color:rgba(0,0,0,.3);}

 

HSL HSLA

어렵게 생갈할거없다. 색조,채도, 명도 그리고 마지막은 알파값

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

 

익스플로어의 경우 최신판인IE9부터 지원된다


댓글