[css] 색상 단위 (rgba rgb)

그동안의 프로젝트는 주로 hex 코드 위주로 작업을 해왔는데 이번 프로젝트는 유독 rgb 색상으로 작업을 해서 rgb와 rgba의 차이를 정리해보았다.

색상 표현 방식

1. Hex 코드 단위 : #000000
2. RGB 색상 : rgb(red, green, blue)
3. RGBA 색상 : rgba(red, green, blue, alpha)

rgb와 rgba의 차이 점

rgb는 빨간색, 녹색, 파란색의 약어이다. 이 rgb 값에 alpha(=투명도) 값을 추가한 것이 바로 rgba이다.

투명도는 음수가 아닌 0~1 까지의 값으로 0에 가까울수록 투명해진다.

 

투명도의 경우 opacity를 사용하여 적용 가능하나 이는 자식 요소까지도 영향을 준다. 때에 따라 적절히 사용하며 된다.