행궁동 데이터 엔지니어

반응형

각종 소스코드를 보다 보면 #ffffff, #000000, #ff0000과 같은 16진수 코드를 보신적 있을 겁니다.

이는 RGB 색상을 나타내는 16진수 코드입니다.  아래에 이와 관련된 간단한 정보 남기겠습니다.

 

RGB 색상표 및 16진수 색상코드(HEX 색상표)에 대한 포스팅 입니다.

위의 3가지 RGB 색상표, 16진수 색상 코드(HEX 색상 코드)는표현방식만 다를 뿐 같은 범위의 색상을 표현합니다.

아래에 RGB에 대한 설명과 16진수(HEX) 색상 코드와의 관계 간단히 남기겠습니다.

 

RGB 란?

RGB는 빛의 3원색인 빨강(Red), 초록(Green), 파랑(Blud)의 약자입니다. 

빛의 속성을 그대로 지니기 때문에 3가지 색상을 모두 섞으면 흰색이 됩니다.

출처 : 나무위키

RGB의 요소 3가지(빨강, 초록, 파랑)는 각각 0~255까지 총 256(2^8) 개의 범위를 가질 수 있어

3가지 색상을 조합하면 총 16,777,216(2^24) 가지의 색상을 표현할 수 있습니다.

 

이런 RGB 색상과 16진수 색상 코드(HEX 색상 코드) 예를 들면 아래 표와 같습니다.

  • 16진수 2자리는 16 * 16 = 256 이므로 16진수 2자리당 0~255의 범위를 표현할 수 있습니다.
  • 결국 0~255 범위의 빨강, 초록, 파랑이 16진수 2자리 00 ~ FF로 표현만 바뀐 것입니다.
  • 참고 : 16진수 색상 코드는 앞에 # 이 붙습니다.
색상 명 RGB 색상표 기준 16진수 색상코드(HEX 색상코드 기준)
빨강 RGB (255, 0, 0)  #FF0000
초록 RGB (0, 255, 0) #00FF00
파랑 RGB (0, 0, 255) #0000FF
검정색 RGB (0, 0, 0) #000000
흰색 RGB (255, 255, 255) #FFFFFF

 

색상 코드가 조금 더 궁금하신 분들은 아래 링크에서 색상 코드를 찾아보실 수 있습니다.

www.ltool.net/html-color-charts-rgb-color-table-in-korean.php

 

RGB색상표/16진수 컬러 코드표

HTML컬러표

www.ltool.net

기타 궁금한 사항은 댓글 남겨주세요.

 

감사합니다.

 

1. 나무위키, RGB, https://namu.wiki/w/RGB
2. BlankSpace님 블로그, RGB 컬러, CYMK 컬러 정리, https://blankspace-dev.tistory.com/188

 

반응형

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band