상세 컨텐츠

본문 제목

CSS 색상에 대해서 알아봅시다 !

Web/Education

by 윈원윗 2018. 11. 28. 15:29

본문

CSS 색상

: CSS 색상값을 표현 하는 방법은 7가지가 있습니다.


  • #RRGGBB - 빨강, 초록, 파랑의 강도를 16진수 두 자리로 지정한다. 각 요소별로 256단계를 표현할 수 있으며 총 1600만 가지 색을 사용할 수 있다.
  • #RGB - 빨강, 초록, 파랑의 강도를 16진수 한 자리로 지정한다. 각 요소별로 16단계밖에 강도를 지정할 수 없어 잘 사용되지 않는다.
  • rgb(r, h, b) - 빨강, 초록, 파랑의 강도를 0~255 범위의 정수로 지정한다.
  • rgba(r, g, b, a) - rgb값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다.
  • hsl(h, s, l) - 색상, 채도, 명도로 색상을 지정한다. 채도는 0~365 사이의 각도이고 명도, 채도는 백분율이다.
  • hsla(h, s, l, a) - hsl값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다.
  • 색상 이름 - red, green, blue 등 미리 정의된 색상 이름을 사용한다.



관련글 더보기