멀티미디어학과, 콘텐츠 제작 등 필수 멀티미디어개론 요점 정리 15강. 이미지 컬러 모델

15강. 이미지 컬러 모델

 

컬러 모델(Color Model) 은  컴퓨터 환경에서 효율적인 컬러 영상 처리를 목적으로
국제조명위원회에서 개발
가산 혼합과 감산 혼합의 원리로 색을 표시하는 RGB  와 CMYK모델
색상, 채도, 명도와 HSV(HSB), HSL 같은 색의 삼속성을 기반으로 하는 모델 외에
인덱스 컬러 가 (Indexed color) . 있다

1) RGB 컬러 모델
빛의 3 원색인 빨간색 녹색 파란색 으로 색을 정의한다
세가지 색을 혼합하여 원하는 색을 만들며 색을 , 섞을수록 밝아져서 가산
혼합(Additive Color Mixing)이라고 함
주로 컬러 TV, . 컬러 모니터 등에 이용된다
컴퓨터 화면을 구성하는 픽셀은 빨간색 녹색 파란색 , , 각각에 한 바이트를
할당하여 모두 24비트로 구성됨

(8 비트 컬러) 

(24  비트 트루 컬러)

(RGB ) 컬러 표현

2) CMYK 컬러모델
물감이나 잉크 같은 안료가 섞일 때 나타나는 색의 혼합을 이용하는 방식이다.

인쇄 매체에서 사용되는 것으로 , 청록색(Cyan) 선홍색(Magenta) 노란색(Yellow)
검은색 (Black) 으로 . 색을 정의한다
색을 섞을수록 어두워지기 때문에 감산 혼합(Subtractive Color Mixing) . 이라고 한다
CMYK , , . 컬러 모델은 컬러 프린터 인쇄 페인팅 등에서 이용한다

( 감산혼합) 
(RGB CMYK ) 와 컬러 표현 비교

3) HSL 컬러 모델

HSL(Hue Saturation Light) HSV 컬러 모델은 컬러 모델과 유사한 모델로 원 뿔 두
개를 서로 이어 붙여 색 체계를 만들었다.
이미지의 색상 채도 명도 , , . 정보를 이용하여 색을 표현한다
사람이 감성적으로 색을 인식하는 방법과 가장 가깝게 구성된 컬러 모델이다.
색상 해당하는 (Hue) : 색의 원색을 나타냄
채도 색의 (Saturation) : , 순수한 정도 즉 진하기 정도를 나타냄
명도 색깔의 (Brightness) : 밝은 정도를 나타냄

(HSV )

(HSL ) 컬러모델 컬러 표현

4) CSS(Cascading Style Sheet) 웹에서 색 컬러 표현 방법
(1) 색상 이름으로 표현
W3C 16 . 는 웹에서 사용할 수 있는 개의 표준 색상을 정의하였다
<style>
.red { color: red; }
.blue { color: blue; }
</style>

(css ) 색상 이름
(2) RGB 색상 값으로 표현
TV , , . 나 컴퓨터 모니터 등은 빨간색 녹색 파란색을 혼합하여 색을 표현한다
html RGB . 에서도 로 색상을 표현한다
RGB 0 255 256 . 색상은 각각 부터 까지 모두 색상을 표현한다
<style>
.red { color: rgb(255,0,0) ; }
.blue { color: rgb(0,0,255); }
</style>

(3) 16진수 컬러 표현
rgb 16 . 색상 값을 진수로 변환하여 사용한다
 16진수 표기법
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
#FFFFFF : 하얀색
#000000 : 검정색
#00FF00 : 순수 녹색

 

( ) 한글 편집기에서 색상 선택 화면

R = 188
G = 231
B = 165

<style>
.red { color: #ff0000 ; }
.blue { color: #0000ff ; }
</style>