실용미술에서는 “멀리서 색을 보고 꽃을 가까이서 보면 색을 먼저 보고 꽃을 보면 일곱 색 중 일곱 색은 세 꽃 중 세 개이다”라는 말이 종종 있다.
이는 또한 모든 디자인에서 색상이 시각적 자극을 통해 정보를 전달하는 첫 번째 역할을 한다는 것을 보여줍니다. 따라서 색상에 대한 기초지식을 잘 숙지해야만 웹디자인에 능숙해질 수 있습니다.
다음 웹페이지 색상 매칭 분석을 보다 쉽게 이해하기 위해 먼저 색상의 RGB 모드와 HSB 모드를 이해해 보겠습니다.
■ RGB
RGB는 빛의 삼원색이라고도 알려진 Red, Green, Blue를 의미합니다. 영어로는 R(Red), G(Green), B(Blue)가 있습니다. RGB는 밝기를 의미하며 정수로 표현됩니다.
일반적으로 RGB 각각에는 256단계의 밝기가 있으며, 0, 1, 2부터 255까지의 숫자로 표현됩니다. 가장 높은 숫자는 255이지만 0도 값 중 하나이므로 총 256개의 레벨이 있습니다. 계산에 따르면 총 256단계의 RGB 색상을 조합해 약 1,678만 색상, 즉 256×256×256=16777216을 생성할 수 있다. 흔히 1,600만 가지 색상, 수천만 가지 색상이라고도 합니다. 24비트 색상(2의 24승)이라고도 합니다.
단일 R, G 또는 B의 경우 값이 0이면 이 색상이 빛을 방출하지 않음을 의미하고, 255이면 색상이 가장 밝다는 것을 의미합니다. 따라서 RGB 빛의 세 가지 색상이 가장 강한 밝기로 방출될 때 순백색의 RGB 값은 255,255,255입니다. 화면에 나타나는 검정색의 RGB 값은 0,0,0입니다. R은 빨간색만 존재하고 가장 밝으며, G나 B 모두 빛을 내지 않는다는 의미입니다. 따라서 가장 빨간 값은 255,0,0입니다. 같은 방식으로 가장 녹색은 0,255,0이고 가장 파란색은 0,0,255입니다. 노란색은 더 특별합니다. 빨간색과 녹색을 더해 얻은 값인 255, 255, 0입니다.
RGB 모드는 모니터의 실제 색상 모드입니다. 즉, 소프트웨어에서 어떤 색상 모드를 사용하든 모니터에 표시되는 한 이미지는 결국 RGB 모드로 나타납니다.
■HSB
색상은 색상, 채도, 명도의 세 가지 요소로 구분됩니다. 영어로는 H(Hue), S(Saturation), B(Brightness)로 채도가 높고 밝은 색상입니다. 채도가 낮은 색상은 회색에 가깝습니다. 밝기가 높으면 밝은 색상이 되고, 밝기가 낮으면 어두운 색상이 되며, 밝기가 높으면 순백색이 되고, 밝기가 낮으면 검정색이 됩니다. 일반적으로 밝은 색상은 채도가 낮고 명도가 높은 반면, 어두운 색상은 채도가 높고 명도가 낮습니다.