색 고르기
☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다이미지를 여기에 놓으세요
또는 클릭해서 찾기 — PNG, JPG, WebP, GIF
이미지를 클릭하거나 끌어서 색을 고르세요
색 고르기
픽셀을 눌러 HEX 코드를 얻거나, 사진의 주요 색을 팔레트로 뽑아내세요.
또는 클릭해서 찾기 — PNG, JPG, WebP, GIF
이미지를 클릭하거나 끌어서 색을 고르세요
색을 읽는 두 가지 방법
픽셀 하나를 가리키는 것과 그림 한 장을 가리키는 것은 다른 질문입니다. 스포이트는 앞의 질문에 답합니다. 어디를 누르든 그 픽셀의 값을 반올림도 평균도 없이, CSS용 HEX, 디자인 도구용 RGB, 색상이나 밝기를 조금 움직일 때 쓰는 HSL로 함께 보여 줍니다. 버튼을 누른 채 끌면 값이 포인터를 따라오므로 두 픽셀짜리 선을 정확히 찍는 것보다 훨씬 수월합니다.
팔레트는 뒤의 질문에 답합니다. 모든 픽셀이 몇 개의 대표 색으로 묶이고, 각 색 상자에는 그림에서 차지하는 비율이 붙습니다. 그래서 순서는 이 그림이 실제로 무엇으로 이루어졌는지를 말해 주지, 무엇이 가장 튀는지를 말하지 않습니다. 그 평균값은 눈에 보이는 색과 가깝지만 픽셀 그대로 존재하지는 않을 수 있어서, 문자 그대로의 값이 필요할 때를 위해 스포이트가 남아 있습니다.
세 단계
PNG, JPG, WebP, GIF를 브라우저에서 바로 읽습니다. 브랜드 페이지 스크린샷이든 아직 공개하지 않은 사진이든 기기에 그대로 남습니다.
HEX, RGB, HSL이 한 번에 나옵니다. 복사를 누르면 HEX가 클립보드로 들어가고, 원하는 지점이 작으면 버튼을 누른 채 끌어 보세요.
색을 몇 개 뽑을지 고르면 그림이 그만큼의 색으로 정리되고 차지하는 넓이 순으로 정렬됩니다. 색 상자를 눌러 하나만 복사하거나 목록 전체를 한 번에 복사하세요.
빠른 답변
네. 색을 고르는 동안 이미지는 원래 해상도를 유지하므로 미리보기가 축소하며 섞은 색이 아니라 파일에 저장된 값이 나옵니다. 브라우저 캔버스 한계를 넘는 그림만 먼저 축소됩니다.
그 색이 그림에서 차지하는 비율입니다. 모든 픽셀을 가장 가까운 색 상자에 배정해 센 값이라 목록은 실제 넓이 순이며, 작고 밝은 강조색이 배경을 앞지르지 않습니다.
팔레트 색은 비슷한 픽셀 무리를 대표하는 평균값이라 그림 안에 똑같이 존재하지 않을 수 있습니다. 한 지점의 문자 그대로의 값이 필요하면 스포이트로 눌러 주세요.
투명한 픽셀은 팔레트에서 빠집니다. 그러지 않으면 투명 배경 위의 로고가 거의 흰색으로 나옵니다 — 뒤에 깔린 캔버스 색일 뿐, 여러분의 이미지에는 없는 색입니다.
PNG, JPG, WebP, GIF를 25MB까지 받습니다. 움직이는 GIF는 첫 프레임으로 읽습니다. 아이폰의 HEIC는 지원하지 않으니 변환한 뒤에 사용하세요.
네. «전체 복사»를 누르면 모든 HEX가 한 줄에 하나씩 클립보드에 들어가 스타일시트, 디자인 파일, 메시지에 바로 붙일 수 있습니다.
픽셀을 고르려면 포인터가 필요하지만 팔레트 색 상자는 버튼입니다. Tab으로 이동해 Enter를 누르면 색 코드가 복사되므로 이미지의 주요 색은 마우스 없이도 얻을 수 있습니다.
아니요. 그림은 브라우저 안에서 해독하고 계산할 뿐 어디로도 전송되지 않습니다. 이 도구에는 이미지를 받을 서버가 없습니다.
네 — 무료이며 워터마크도 가입도 없습니다.