이미지 색상 추출
사진이나 캡처 화면 속 색을 스포이드처럼 찍어 색상 코드를 알아냅니다. 이미지의 주요 색으로 팔레트도 만들 수 있습니다.
이미지를 연 다음, 원하는 곳을 탭하거나 클릭해 색을 추출하세요.
또는 여기에 파일을 끌어다 놓으세요
Ctrl+V(Mac은 Command+V)로 이미지를 붙여넣을 수도 있습니다.
탭하거나 클릭하면 색을 추출합니다. 누른 채로 움직이면 돋보기가 보이고, 키보드에서는 화살표 키와 Enter를 쓰세요.
추출한 색
아직 추출한 색이 없습니다.
- HEX
- RGB
- HSL
- CMYK (근삿값)
최근 색상
추출한 색이 여기에 최대 12개까지 표시됩니다.
주요 색상
파일은 기기 밖으로 나가지 않습니다. 모든 처리는 브라우저 안에서 이루어집니다.
사용 방법
- ‘파일 선택’, 끌어다 놓기, Ctrl+V 붙여넣기, ‘이미지 붙여넣기’ 버튼 중 편한 방법으로 이미지를 여세요.
- 색을 알고 싶은 곳을 클릭하거나 탭하세요. 돋보기로 찍을 픽셀을 정확히 확인할 수 있습니다.
- HEX, RGB, HSL, CMYK 값 옆의 복사 버튼으로 코드를 복사하세요.
- ‘주요 색상’에서 ‘색 개수’를 정하고 ‘HEX 목록 복사’, ‘CSS로 복사’, ‘PNG로 저장’ 중 필요한 것을 누르세요.
주요 기능
정확한 스포이드
11×11 픽셀 격자가 보이는 돋보기가 찍을 위치를 보여 줍니다. 휴대폰에서는 손가락 위쪽에, 마우스를 쓰면 포인터 옆에 나타납니다.
네 가지 색상 코드
HEX, RGB, HSL, CMYK(근삿값)를 한 번에 보여 주고 각각 복사 버튼으로 바로 복사합니다.
최근 색상 12개
찍은 색은 ‘최근 색상’에 최대 12개까지 남아 다시 비교하거나 복사할 수 있습니다. 색상 코드만 이 브라우저에 저장되며 ‘지우기’로 삭제합니다.
주요 색상 팔레트
이미지를 대표하는 색을 5~10개(기본 6개) 뽑아 비율(%)과 막대로 보여 줍니다. HEX 목록이나 CSS 변수로 복사하고, 팔레트를 PNG 이미지로 저장합니다.
화면에서 색 추출
컴퓨터용 크롬과 엣지에서는 ‘화면에서 색 추출’ 버튼으로 이미지 밖, 화면에 보이는 다른 곳의 색도 찍을 수 있습니다.
키보드로도 선택
화살표 키로 위치를 옮기고 Enter로 색을 찍을 수 있어 마우스 없이도 한 픽셀씩 정밀하게 고릅니다.
알아 두면 좋은 점
로고나 사진 속 색을 디자인에 그대로 쓰고 싶을 때 색상 코드가 필요합니다. 웹이나 앱 디자인에는 #1E90FF 같은 HEX 코드나 RGB 값을 주로 쓰고, 인쇄물 이야기를 할 때는 CMYK 값을 참고로 씁니다. 이 도구의 CMYK는 화면 색을 계산으로 바꾼 근삿값이라 실제 인쇄 색과 다를 수 있으니, 정확한 인쇄 색이 중요하다면 인쇄소와 따로 확인하세요.
사진은 같은 색처럼 보여도 픽셀마다 값이 조금씩 다르므로 돋보기로 확대해 원하는 지점을 정확히 찍는 것이 좋습니다. 주요 색상의 비율은 줄인 사본으로 계산하기 때문에 사진에서는 대략적인 수치로 보면 됩니다. 모든 값은 sRGB 기준이며, ‘CSS로 복사’를 누르면 웹 코드에 바로 붙여 넣을 수 있는 CSS 사용자 지정 속성 형태로 복사됩니다.
자주 묻는 질문
사진에서 색상 코드를 어떻게 알 수 있나요?
이미지를 연 뒤 원하는 곳을 클릭하거나 탭하면 그 픽셀의 HEX, RGB, HSL, CMYK 값이 표시됩니다. 값 옆의 복사 버튼을 누르면 바로 복사됩니다.
캡처한 화면을 바로 붙여 넣을 수 있나요?
네. 화면을 캡처한 뒤 이 페이지에서 Ctrl+V(Mac은 Command+V)를 누르세요. 클립보드 읽기를 허용하는 브라우저에서는 ‘이미지 붙여넣기’ 버튼도 쓸 수 있습니다.
‘화면에서 색 추출’ 버튼이 보이지 않아요.
이 기능은 브라우저의 EyeDropper 기능을 쓰므로 컴퓨터용 크롬과 엣지에서만 나타납니다. 다른 브라우저에서는 이미지를 열어 그 안에서 색을 찍으세요.
찍은 색이 저장되나요?
최근 색상 12개가 색상 코드 형태로 이 브라우저에만 저장됩니다. 이미지는 저장하지 않으며, ‘최근 색상’의 ‘지우기’를 누르면 기록이 삭제됩니다.
CMYK 값을 인쇄에 그대로 써도 되나요?
표시되는 CMYK 값은 근삿값입니다. 인쇄 결과는 용지와 인쇄 방식에 따라 달라지므로 참고용으로 쓰고, 중요한 인쇄물은 교정쇄로 확인하세요.
팔레트를 이미지로 저장할 수 있나요?
‘주요 색상’의 ‘PNG로 저장’을 누르면 ‘원래이름-palette.png’ 파일로 저장됩니다. HEX 목록이나 CSS로 복사해 다른 프로그램에 붙여 넣을 수도 있습니다.