사진·스크린샷에서 RGB 값 찾기와 읽는 법

R·G·B 세 숫자가 뜻하는 것

R, G, B는 화면 픽셀이 내는 빨강, 초록, 파랑 빛의 세기입니다. 채널마다 8비트로 저장되기 때문에 범위가 0~255이고, 숫자가 클수록 빛이 강합니다. 순수한 빨강은 255, 0, 0이며, 여기에 초록을 더하면 주황과 노랑 쪽으로, 파랑을 더하면 분홍과 보라 쪽으로 움직입니다.

숫자만 봐도 색의 성격을 짐작할 수 있습니다. 세 값이 서로 비슷하면 회색이거나 채도가 낮은 색이고, 한 채널이 두드러지면 어느 색 계열인지 바로 알 수 있습니다. 세 값이 모두 낮으면 어두운 색, 모두 높으면 밝은 색입니다.

RGB, HEX, HSB, CMYK는 어떻게 다를까

HEX는 RGB를 16진수로 적은 것이라 rgb(148, 118, 108)과 #94766C는 같은 색입니다. HSB는 같은 색을 색상·채도·밝기로 나타내므로, 조금 더 밝게 하거나 탁하게 만들 때 다루기 편합니다. CMYK는 시안·마젠타·노랑·검정 잉크를 쓰는 인쇄용 모델이어서, 화면 색을 CMYK로 바꾼 값은 인쇄의 출발점일 뿐 똑같이 찍힌다는 보장은 없습니다.

실무에서는 CSS가 rgb()와 HEX를 모두 받고, Figma와 Canva는 HEX를 입력받으면서 RGB도 보여 주며, 파워포인트 같은 오피스 프로그램은 사용자 지정 색 창에서 R, G, B 숫자를 따로 입력합니다. 손으로 변환하기보다 쓰려는 프로그램이 원하는 형식을 그대로 복사하는 편이 실수가 적습니다.

사진과 스크린샷에서 RGB 읽는 요령

스크린샷은 화면에 표시된 픽셀이 그대로 담기므로 가장 믿을 만한 값을 줍니다. 반면 실제 물건을 찍은 사진은 조명과 카메라의 화이트 밸런스가 숫자를 좌우합니다. 노란 조명 아래의 흰 벽은 파랑보다 빨강이 높게 읽힙니다. 이런 값은 사진 속 색에 맞출 때 쓰고, 물건 본래의 색으로 여기지는 마세요.

사진 피커는 픽셀 한 개를 읽으므로 고른 면의 한가운데에 놓고, 근처에서 두세 번 읽어 값이 비슷한지 확인합니다. 앱에는 확대 기능이 없으니 작은 부분은 사진 앱에서 먼저 잘라 크게 만든 뒤 여세요. 라이브 카메라는 방식이 달라 가장 가까운 이름 있는 색을 보여 주므로, 저장한 뒤 보이는 RGB는 그 이름 있는 색의 값입니다. 픽셀 자체의 숫자가 필요하면 사진을 찍어 피커로 읽으세요.

기기마다 값이 조금씩 다른 이유

같은 이미지라도 앱에 따라 값이 약간 다르게 나올 수 있습니다. 아이폰으로 찍은 사진은 색 영역이 넓은 Display P3로 저장되는 경우가 많고, 웹 도구 대부분은 sRGB를 기준으로 하기 때문에 변환 과정에서 숫자가 조금 바뀝니다. 카카오톡 같은 메신저로 주고받으며 압축되거나 크기가 줄어든 이미지는 픽셀 자체도 달라집니다.

다른 앱의 공유 메뉴로 이미지를 보내면 앱이 JPEG로 다시 저장하므로 값이 살짝 달라질 수 있습니다. 스크린샷의 정확한 값이 필요하면 앱 안에서 사진 보관함을 열어 고르세요. 채널당 1~2 정도의 차이는 눈으로 구분되지 않는 정상 범위이고, 10 이상 벌어진다면 근처의 하이라이트, 그림자, 경계를 고른 것은 아닌지 확인해 보세요.

RGB 값으로 색 다듬기

값을 알면 수정 결과를 예측하기 쉬워집니다. 세 채널을 같은 만큼 올리면 성격은 유지한 채 밝아지고, 가장 큰 채널을 낮추면 채도가 줄며, 세 값을 서로 가깝게 만들면 회색에 가까워집니다.

앱의 조정(Adjust) 기능에서는 기존 색을 출발점으로 RGB나 HSB 슬라이더를 움직여 결과를 새 색으로 저장할 수 있고, 저장한 색에는 각자의 HEX와 RGB가 붙습니다. 밝기나 채도만 바꾸고 싶을 때는 HSB 슬라이더가 더 편합니다. 다만 RGB 숫자를 직접 입력해 색을 찾는 기능은 없습니다.

자주 묻는 질문

관련 색상 질문