● RGB 색상 표기법

RGB 색상 표기법에서 RGB는 Red, Green, Blue를 의미하는데, 빨간색, 초록색, 파란색을 이용해 특정 색을 표현하는 방법입니다. 여기에 추가로 색의 투명도를 의미하는 알파(alpha) 값을 사용할 수도 있습니다.

그림 6-7 RGB 색상 표기법의 rgb와 rgba 형식

rgb나 rgba 형식은 RGB 값을 256개 숫자(0~255)로 표기합니다. 가장 낮은 색 값은 0이고 높은 색 값은 255입니다. 그리고 알파 값은 0.1처럼 0부터 1 사이의 소수점으로 표기합니다. 이때 앞의 정수 부분 0은 생략할 수 있어서 .1로 표기해도 됩니다.

rgb와 rgba 형식을 사용했을 때 색상이 어떻게 표시되는지 확인해 봅시다.

h1{
  color:rgb(255, 0, 0);
}
h2{
  color:rgba(0, 255, 0, .5);
}

그림 6-8 실행결과

실행결과를 보면 h1 태그는 rgb 표기법 중 red에 해당하는 값이 최곳값이므로 빨간색이 적용됩니다. h2 태그는 green에 해당하는 값이 최곳값이므로 초록색이 적용되는데, 이때 알파 값에 의해 0.5의 투명도를 가지게 됩니다.