0

인코딩 결과

RGB 색상 (16진)
표기법
RGB 색상
색 공간
표기

RGB 색상 정보

RGB 색상은 빨강, 초록, 파랑 세 가지 빛 성분을 조합해 색을 표현하는 색 모델입니다. 디스플레이, 웹 페이지, 이미지 데이터처럼 화면에서 다루는 색 표현으로 널리 사용됩니다.

RGB에서는 각 성분의 세기를 수치로 지정합니다. 일반적으로 0부터 255까지의 정수 또는 0%부터 100%까지의 퍼센티지로 나타냅니다. 모든 성분이 0이면 검정이고, 모든 성분이 최댓값이면 흰색입니다.

색RGB 표기16진 표기
빨강rgb(255 0 0)#ff0000
초록rgb(0 128 0)#008000
파랑rgb(0 0 255)#0000ff
흰색rgb(255 255 255)#ffffff
검정rgb(0 0 0)#000000

RGB 색상은 함수 형식과 16진 형식으로 쓸 수 있습니다. 예를 들어 빨강은 rgb(255 0 0), rgb(100% 0% 0%), #ff0000, #f00 처럼 나타낼 수 있습니다.

투명도를 포함하려면 알파 값을 추가합니다. 예를 들어 반투명 빨강은 rgb(255 0 0 / 50%) 또는 #ff000080 처럼 나타낼 수 있습니다.

DenCode의 RGB 색상 변환은 다음 표기 옵션을 지원합니다.

RGB 색상 (16진)
표기 옵션포맷예
#RRGGBB(AA)#RRGGBB
#RRGGBBAA		#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
RGB 색상
표기 옵션포맷예
수치rgb(R G B)
rgb(R G B / A)		rgb(255 0 0)
rgb(255 0 0 / 0.5)
퍼센티지rgb(R% G% B%)
rgb(R% G% B% / A)		rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB 는 CSS의 표준 16진 색상 표기는 아니지만, 프로그램이나 애플리케이션 설정에서 사용되는 경우가 있는 ARGB 형식입니다. 앞의 AA 는 알파, 이어지는 RR, GG, BB 는 빨강, 초록, 파랑 성분을 나타냅니다.

sRGB와 기타 RGB 색 공간

RGB는 빨강, 초록, 파랑 세 성분으로 색을 표현하는 색 모델입니다. 다만 같은 RGB 값이라도 어떤 색 공간에서 해석하는지에 따라 실제 색은 달라집니다. 웹에서 일반적인 rgb() 와 #RRGGBB 는 보통 sRGB 색 공간의 색으로 처리됩니다.

CSS Color Module Level 4에서는 Display P3나 ProPhoto RGB처럼 sRGB와 다루는 색 범위가 다른 RGB 색 공간도 정의합니다. DenCode는 이러한 색 공간의 변환도 지원합니다.

색 공간포맷예특징
sRGBrgb(...)
color(srgb ...)		rgb(255 0 0)
color(srgb 1 0 0)		웹과 CSS에서 일반적인 RGB 색 공간입니다. 16진 색상 코드와 일반적인 rgb() 는 기본적으로 sRGB로 처리됩니다. color(srgb ...) 는 CSS Color Module Level 4의 포맷입니다.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)sRGB와 같은 색역을 선형화된 성분 값으로 표현하는 색 공간입니다. 색 계산과 합성에 사용됩니다.
Display P3color(display-p3 ...)color(display-p3 1 0 0)sRGB보다 넓은 색역을 가진 색 공간으로, 광색역 디스플레이와 일부 모바일 기기에서 사용됩니다.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)sRGB보다 넓은 색역을 가지며, 사진 편집이나 인쇄 지향 워크플로에서 사용되는 경우가 있습니다.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Adobe RGB보다 더 넓은 색역을 다룰 수 있는 RGB 색 공간으로, 사진 편집의 작업용 색 공간으로 사용됩니다.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)매우 넓은 색역을 가진 RGB 색 공간으로, UHDTV와 HDR 영상 규격에서 사용됩니다.

넓은 색역의 RGB 색 공간으로 지정한 색은 sRGB 화면이나 일반적인 16진 색상 코드로 정확히 표현되지 않을 수 있습니다. DenCode에서 #RRGGBB 또는 수치 rgb(R G B) 로 변환하는 경우, sRGB에서 표현 가능한 범위를 벗어난 성분은 0부터 255 범위에 들어가도록 처리합니다. 반면 color(display-p3 ...) 또는 color(a98-rgb ...) 같은 색 공간을 선택하면 선택한 색 공간의 성분 값으로 표시할 수 있습니다.