컴퓨터에서 색을 표현할때 픽셀이라는 단어가 꼭나오는데 픽셀은 색을 표현하는 점이라고 이해하시면 될것 갔습니다. 그래서 이 픽셀이 색을 가지기 위해 컴퓨터에서는 어떻게 색을 표현하는지 알아 보겠습니다.

컬러 큐브

색은 컬러 큐브로 표현할 수 있습니다. 아래 그림을 보면 각 축은 색을 표현하며 큐브 범위내에서 다양한 색상을 만들 수 있습니다. (ex.(0,0,0) 검은색, (1,1,1) 흰색) (값이 1이면 빛을 가장 강하게 표시하겠다는 의미)
그리고 색의 밝기를 통해 기존의 색상을 섞어 새로운 색을 표현 할 수 있으며 이런 방식을 가산(빛을 혼합)방식이라고 합니다. 물감을 혼합해서 만드는 색보다 더 많은 색상을 표현할 수 있습니다.

투명도 추가

이미지 합성을 위해 사용됩니다.

.className{
	background-color:rgba(0, 0, 0, 0.8);/*까만색(0,0,0) 80% 불투명도*/
}
.className2{
	background-color:rgba(0, 0, 0, 0.2);/*까만색(0,0,0) 20% 불투명도*/
}

색 인코딩

웹페이지는 주로 사람이 읽을 수 있는 UTF-8 문자로 되어 있기 때문에 텍스트를 이용해 색 표현이 필요해 졌습니다. 그래서 웹에서는 16진 트리플렛으로 표현합니다. 쉽게 말하면 #뒤에 16진수 숫자를 추가해 #rrggbb처럼 표현하는 방식을 말합니다. 예를들어 빨강색을 표현하면 #FF0000으로 표현할 수 있습니다.

결론

컴퓨터는 색을 표현하기 위해서 컬러큐브를 이용하고 컬러큐브의 좌표값에 따라 여러가지 색상을 표현할 수 있고 투명도와 색상의 밝기를 이용하여 더 많은 색을 만들어 낼 수 있습니다. 또 웹에서 색을 표현하기 위해서는 16진 트리플렛을 사용하여 표현하면 됩니다....!!