무료 이미지 색상

이미지 속 픽셀의 정확한 HEX·RGB를 집고, 8색 팔레트를 추출하고, HEX 코드를 RGB로 변환해요. 복사 버튼 포함.

이미지는 브라우저 안에서 분석됩니다.

또는 이 화면 어디에나 이미지 한 장을 놓으세요

이미지를 선택하세요.

색상과 팔레트 추출

알아 두면 좋은 점

색상 도구는 세 가지 일을 해요. 불러온 그림의 한 지점을 누르면 그 픽셀 하나를 읽어 대문자 HEX 코드와 rgb(r, g, b)로 보여 주고 각각 복사 버튼이 있어요. 팔레트 추출기는 대표 색 최대 8개를 나열하고, HEX를 RGB로 바꾸는 변환기는 이미지 없이 입력한 코드만으로 작동해요.

변환기는 #6D28D9에서 시작하고 이는 rgb(109, 40, 217)로 읽혀요. # 기호가 있든 없든 여섯 자리 코드를 받고, 세 자리 약식도 각 자리를 두 번씩 써서 확장해요. #6D3은 #66DD33이 돼요. 입력창 옆에는 기본 색상 선택기가 있고 올바르지 않은 문자열은 추측하지 않고 표시해 줘요.

스크린샷, 사진, 로고 파일에서 눈대중이 아니라 실제 값이 필요할 때 이미지 선택기를 쓰세요. 테마용 주된 색 몇 개를 빨리 얻고 싶다면 팔레트를, 디자인 파일에서 HEX 코드를 받았는데 스타일시트나 차트 도구가 RGB를 원한다면 변환기를 쓰세요.

입력은 PNG, JPG, WebP, GIF, SVG, AVIF, BMP를 한 번에 한 장씩 쓸 수 있고 분석은 브라우저 안에서 이루어져요. JPG 압축은 노이즈를 더하기 때문에 같은 평평한 영역 안의 이웃한 두 픽셀이 몇 단계 다를 수 있어요.

작업별 도구 13
함께 쓰는 도구 13
무료 이미지 색상 사용 방법
  1. 선택기를 열고 이미지를 불러오거나 놓아요.
  2. 색이 필요한 지점을 누르고 HEX와 rgb 값을 읽어요.
  3. 복사 버튼을 눌러 값을 클립보드에 넣어요.
  4. HEX RGB 변환기로 가서 6D3을 입력하면 #66DD33으로 확장되는 걸 확인해요.

빠른 안내

선택기와 팔레트는 무엇이 다른가요?

선택기는 누른 픽셀을 정확히 읽어요. 팔레트는 이미지 전체를 최대 8개의 묶은 색으로 요약해요.

HEX 변환기는 세 자리 코드도 받나요?

네. 각 자리를 두 번씩 써서 #6D3은 #66DD33, 즉 rgb(102, 221, 51)이 돼요.

움직이는 GIF는 모든 프레임의 색을 알려 주나요?

아니요. 브라우저가 해석한 이미지, 즉 한 프레임만 샘플링해요.

같은 벽을 두 번 눌렀는데 값이 다른 이유는 뭔가요?

압축과 센서 노이즈 때문에 특히 JPG에서는 이웃 픽셀이 조금씩 달라요. 몇 군데를 눌러 보고 대표 값을 고르세요.