색 고르기

이미지 색상 추출기

픽셀을 눌러 HEX 코드를 얻거나, 사진의 주요 색을 팔레트로 뽑아내세요.

색 고르기

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

이미지를 여기에 놓으세요

또는 클릭해서 찾기 — PNG, JPG, WebP, GIF

색을 읽는 두 가지 방법

바로 그 픽셀이냐, 그림 전체의 색이냐

픽셀 하나를 가리키는 것과 그림 한 장을 가리키는 것은 다른 질문입니다. 스포이트는 앞의 질문에 답합니다. 어디를 누르든 그 픽셀의 값을 반올림도 평균도 없이, CSS용 HEX, 디자인 도구용 RGB, 색상이나 밝기를 조금 움직일 때 쓰는 HSL로 함께 보여 줍니다. 버튼을 누른 채 끌면 값이 포인터를 따라오므로 두 픽셀짜리 선을 정확히 찍는 것보다 훨씬 수월합니다.

팔레트는 뒤의 질문에 답합니다. 모든 픽셀이 몇 개의 대표 색으로 묶이고, 각 색 상자에는 그림에서 차지하는 비율이 붙습니다. 그래서 순서는 이 그림이 실제로 무엇으로 이루어졌는지를 말해 주지, 무엇이 가장 튀는지를 말하지 않습니다. 그 평균값은 눈에 보이는 색과 가깝지만 픽셀 그대로 존재하지는 않을 수 있어서, 문자 그대로의 값이 필요할 때를 위해 스포이트가 남아 있습니다.

세 단계

이미지에서 색을 얻는 방법

01

이미지를 놓으세요

PNG, JPG, WebP, GIF를 브라우저에서 바로 읽습니다. 브랜드 페이지 스크린샷이든 아직 공개하지 않은 사진이든 기기에 그대로 남습니다.

02

한 색은 클릭으로

HEX, RGB, HSL이 한 번에 나옵니다. 복사를 누르면 HEX가 클립보드로 들어가고, 원하는 지점이 작으면 버튼을 누른 채 끌어 보세요.

03

또는 팔레트 전체를

색을 몇 개 뽑을지 고르면 그림이 그만큼의 색으로 정리되고 차지하는 넓이 순으로 정렬됩니다. 색 상자를 눌러 하나만 복사하거나 목록 전체를 한 번에 복사하세요.

빠른 답변

이미지 색상 추출 자주 묻는 질문

고른 색이 그 픽셀의 정확한 값인가요?

네. 색을 고르는 동안 이미지는 원래 해상도를 유지하므로 미리보기가 축소하며 섞은 색이 아니라 파일에 저장된 값이 나옵니다. 브라우저 캔버스 한계를 넘는 그림만 먼저 축소됩니다.

색 상자 옆의 백분율은 무엇인가요?

그 색이 그림에서 차지하는 비율입니다. 모든 픽셀을 가장 가까운 색 상자에 배정해 센 값이라 목록은 실제 넓이 순이며, 작고 밝은 강조색이 배경을 앞지르지 않습니다.

팔레트 색이 눈에 보이는 것과 조금 다른 이유는?

팔레트 색은 비슷한 픽셀 무리를 대표하는 평균값이라 그림 안에 똑같이 존재하지 않을 수 있습니다. 한 지점의 문자 그대로의 값이 필요하면 스포이트로 눌러 주세요.

투명한 PNG는 어떻게 되나요?

투명한 픽셀은 팔레트에서 빠집니다. 그러지 않으면 투명 배경 위의 로고가 거의 흰색으로 나옵니다 — 뒤에 깔린 캔버스 색일 뿐, 여러분의 이미지에는 없는 색입니다.

어떤 형식을 쓸 수 있나요?

PNG, JPG, WebP, GIF를 25MB까지 받습니다. 움직이는 GIF는 첫 프레임으로 읽습니다. 아이폰의 HEIC는 지원하지 않으니 변환한 뒤에 사용하세요.

팔레트를 한 번에 복사할 수 있나요?

네. «전체 복사»를 누르면 모든 HEX가 한 줄에 하나씩 클립보드에 들어가 스타일시트, 디자인 파일, 메시지에 바로 붙일 수 있습니다.

키보드만으로도 되나요?

픽셀을 고르려면 포인터가 필요하지만 팔레트 색 상자는 버튼입니다. Tab으로 이동해 Enter를 누르면 색 코드가 복사되므로 이미지의 주요 색은 마우스 없이도 얻을 수 있습니다.

제 이미지가 업로드되나요?

아니요. 그림은 브라우저 안에서 해독하고 계산할 뿐 어디로도 전송되지 않습니다. 이 도구에는 이미지를 받을 서버가 없습니다.

무료인가요?

네 — 무료이며 워터마크도 가입도 없습니다.