본문으로 건너뛰기
ToolMug

이미지 색상 추출기

이미지를 불러와 원하는 픽셀을 클릭하면 정확한 색상을 HEX, RGB, HSL로 알려 줘요. 돋보기가 커서 아래의 픽셀을 보여 주고, 팔레트 섹션이 이미지의 주요 색상을 자동으로 찾아 줘요.

브라우저에서 실행 — 입력한 내용은 업로드되지 않아요

또는 여기에 파일을 끌어다 놓으세요

Ctrl+V / ⌘V로 이미지를 붙여넣을 수도 있어요

 

사용 방법

  1. 이미지를 선택하거나 여기로 끌어다 놓거나, Ctrl+V로 스크린샷을 붙여넣으세요.
  2. 이미지 위로 마우스를 움직이면 돋보기에 정확한 픽셀이 보여요.
  3. 클릭해 색상을 추출하고 HEX, RGB, HSL 형식으로 복사하세요.
  4. 팔레트에서 주요 색상과 각 색상이 이미지에서 차지하는 비율을 확인하세요.

옵션 설명

팔레트 색상 수
추출할 주요 색상의 개수예요. 팔레트는 비슷한 픽셀끼리 묶어 각 그룹의 평균 색을 보여 주며, 이미지에서 차지하는 면적이 큰 순서로 정렬해요.

예시

브랜드 색상 맞추기. 로고 스크린샷을 붙여넣고 클릭해 HEX 코드를 얻으세요.

사진으로 팔레트 만들기. 풍경 사진을 불러와 주요 색상 5가지를 복사해 디자인에 활용하세요.

자주 묻는 질문

팔레트는 어떻게 계산하나요?

미디언 컷(median cut) 알고리즘을 써요. 이미지의 색상을 비슷한 색끼리 그룹으로 반복해서 나누고, 각 그룹의 평균이 팔레트 색상 하나가 돼요. 투명한 픽셀은 무시해요.

추출한 색이 디자인 파일과 조금 다른 이유는 뭔가요?

색상은 브라우저가 이미지를 sRGB로 변환한 뒤에 읽어요. Display P3처럼 더 넓은 색 공간으로 저장된 이미지는 변환되고, JPEG 압축은 개별 픽셀을 조금씩 바꿔요. 가장 정확한 값을 얻으려면 가장자리보다 단색 영역에서 추출하세요.

이미지가 업로드되나요?

아니요. 이미지는 브라우저에서 읽혀요.

개인정보 보호

이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.

관련 도구