홈페이지 운영팁

인천을 대표하는 IT 기업으로써 고객만족과 기업가치의 극대화를 실현합니다.

홈페이지 상담 문의하기
1566-8667

홈페이지 디자인 컬러모드(Color Mode) 참고하기

2022-05-13

홈페이지 디자인 컬러모드(Color Mode) 참고하기

 

 

[홈페이지 디자인 컬러모드(Color Mode) 참고하기]


흔히 알고 계시는 RGB와 CMYK 외에도 HSB, HSL까지 다양한 컬러모드의 개념을 숙지하는 것이 홈페이지 디자인에 많은 도움이 됩니다.


오늘은 '컬러모드(Color Mode)'에 대해 이야기해 보겠습니다.


- RGB
대표적인 Web 컬러모드는 RGB입니다.
Red(빨강), Green(초록), Blue(파랑)의 3원색을 사용하여 색상을 구성 표현합니다.


- CMYK
대표적인 인쇄/출력 컬러모드는 CMYK입니다.
Cyan(청), Magenta(적), Yellow(노랑), BlacK(검정) 4원색을 사용하여 모든 색상을 구현합니다.
일반적으로 명함, 봉투, 전단에서 컬러인쇄, 4도 인쇄란 CMYK 4원색을 사용하여 인쇄하는 것을 말합니다.


※  RGB 컬러모드로 작업한 데이터를 인쇄를 위하여 강제로 CMYK 컬러모드로 변환하게 되면 원본 색상과 최종 인쇄물의 색상 차이가 불가피하게 발생하게 됩니다.
일반적으로 최종 표현 매체가 홈페이지(Web)이라면 원본 디자인 작업부터 RGB 컬러모드로 작업하는 것이 최종 모니터에서 보는 것과 동일합니다.


- HSB
HSB 컬러모드는 컴퓨터 그래픽스(CG)에서 색을 기술하는데 사용되는 색모델의 하나로 각각 색상, 채도, 명도를 의미합니다.
H는 색원상의 색인 색상(hue)를 뜻하는 값으로 0도 적색, 60도 황색, 120도 녹색, 180도 시안(청록색), 240도 청색, 300도에 마젠타(적보라색)를 표현할 수 있습니다.


S는 채도(Saturation)를 뜻하는데 어떤 특정 색상의 색의 양으로 0~100%의 백분율로 나타냅니다.
B는 명도(Brightness)를 뜻하는데 어떤 색 중 백색의 양으로 0%에 가까워질수록 흑, 100%에 가까워질수록 백을 표현할 수 있습니다.


- HSL
HSL 컬러모드의 L은 Lightness / Luminance로 명도/휘도를 의미합니다.
HSB/HSV 모델의 명도만 변형된 색모델로 비슷해 보이지만 다른 그래프 형태를 띱니다.


HSL 모델의 밝기(L)는 HSB의 채도와 명도 두가지 요소에 영향을 주기도 하며, 얼마나 빛을 포함하고 있는지에 대한 측정값으로 광도/휘도 등으로 표현됩니다.
HSL 모델에서 밝기(L)를 50% 이상으로 추가할 경우 색상에 흰색을 추가하는 개념으로 HSB의 채도는 떨어지고 밝기가 높아지는 효과가 있습니다.
HSL 모델에서 밝기(L)를 50% 미만으로 줄이는 경우 색상에 검정을 추가하는 개념으로 HSB의 밝기에만 영향을 미쳐 B값이 감소합니다.


감사합니다.

주소
인천 남동구 선수촌공원로 5, C동 912호
(구월동, 구월테크노밸리)
대표번호
1566-8667
운영시간
평일 오전 9:30 ~ 오후 6:30

사이트 하단 정보

카카오톡 카카오스토리 블로그 인스타그램 페이스북
  • 상호 : 에이디커뮤니케이션
  • 대표 : 우세진
  • 사업자등록번호 : 130-39-21061
  • 고객센터번호 : 1566-8667
  • 팩스 : 02--6924-8414

  • 소프트웨어 사업자 : B11-43345
  • 이메일 : master@ad-com.kr
  • 주소 : 인천 남동구 선수촌공원로 5, C동 912호(구월동, 구월테크노밸리)