이미지 색상 추출
이미지 위 아무 곳이나 찍으면 그 색이 나오고, 팔레트는 알아서 뽑아 드려요. HEX·RGB·HSL·HSB·CMYK 모두 클릭 한 번에 복사돼요. 업로드 자체가 없어요.
이미지를 올리는 순간 컬러 팔레트가 자동으로 만들어져요.
클립보드에 담아 둔 이미지는 Ctrl + V(맥은 Cmd + V)로 바로 붙여넣어도 돼요.
모든 작업이 지금 쓰고 있는 브라우저 안에서 끝나요. 업로드 자체가 없어서, 탭을 닫는 순간 아무것도 남지 않아요.
사용 방법
이미지 불러오기
JPEG·PNG·WebP·AVIF·GIF·BMP·SVG를 끌어다 놓거나, 클릭해서 고르거나, Ctrl + V로 붙여넣으세요. 브라우저가 파일을 바로 읽기 때문에 업로드도 대기 시간도 없어요.
원하는 픽셀 찍기
이미지 위로 커서를 옮기면 돋보기가 주변 11 × 11 픽셀을 확대해서 보여주고 가운데 픽셀에 테두리가 생겨요. 클릭하거나 드래그하면 그 색이 잡히는데, 화면에 보이는 축소본이 아니라 원본 해상도에서 읽은 값이에요.
필요한 형식으로 복사하기
HEX·RGB·HSL·HSB·CMYK와 바로 붙여넣을 수 있는 CSS 한 줄이 아래 패널에 나란히 나와요. 줄마다 복사 버튼이 따로 있고, 방금 고른 색 여덟 개는 그 아래에 남아 있어요.
팔레트 통째로 가져가기
주요 색은 알아서 뽑혀요. 4개부터 16개까지 개수를 바꿔 보고, HEX를 한 번에 복사하거나 CSS 변수 묶음으로 가져가세요.
자주 묻는 질문
CMYK 값이 포토샵과 다르게 나와요
브라우저에는 변환에 쓸 ICC 프로파일이 없어서 그래요. 여기 값은 RGB를 CMYK로 바로 옮기는 표준 공식의 결과이고, 포토샵은 U.S. Web Coated(SWOP) 같은 특정 프로파일을 거치면서 잉크·인쇄기·용지 설정까지 반영해요. 그래서 이 값은 출발점으로 쓰고, 인쇄에 넘기기 전에 편집 프로그램에서 최종값을 확인하는 편이 안전해요.
팔레트 색은 어떤 기준으로 골라지나요?
이미지를 10만 픽셀 정도로 줄인 뒤 미디언 컷(median cut) 방식으로 묶어요. 색이 가장 넓게 퍼진 덩어리를 둘로 쪼개는 일을 원하는 개수가 될 때까지 반복하고, 각 덩어리의 평균색을 스와치 하나로 내보내는 식이에요. 순서는 이미지에서 차지하는 넓이순이고, 완전히 투명한 부분은 빼요. 색이 몇 가지 안 되는 그림이면 억지로 개수를 채우지 않고 있는 만큼만 보여줘요.
어떤 이미지 형식을 열 수 있나요?
브라우저가 디코딩할 수 있는 형식이면 다 열려요. JPEG·PNG·WebP·AVIF·GIF·BMP·SVG를 지원해요. SVG는 픽셀이 없으니 먼저 래스터화하는데, 크기가 작은 SVG는 돋보기에서 볼 게 남도록 조금 키워서 그려요. 움직이는 GIF는 첫 프레임으로 읽어요.
아주 큰 사진도 되나요?
16메가픽셀 정도까지는 원본 해상도 그대로 읽어요. 브라우저가 캔버스 크기를 제한하기 때문에 그보다 큰 이미지는 축소한 사본으로 처리하고, 그럴 때는 화면에 그렇다고 알려 드려요. 팔레트는 원래 축소한 사본에서 계산해서 파일이 아무리 커도 바로 나와요.
이미지나 뽑은 색이 어딘가로 전송되나요?
둘 다 아니에요. 업로드 자체가 없어서 파일이 서버로 전송되지 않아요. 브라우저가 파일을 읽어 기기 안의 캔버스에 그릴 뿐이고, 뽑은 색도 그 탭 안에만 남아요. 어디에도 저장되지 않고, 탭을 닫으면 그대로 사라져요.
반투명한 픽셀을 찍으면 어떻게 되나요?
알파 값이 남아 있으면 패널이 RGBA와 8자리 HEX로 바뀌어서 투명도가 조용히 사라지지 않고, CSS 줄에도 그대로 들어가요. 팔레트는 불투명도 50% 미만인 픽셀을 빼고 계산하기 때문에, 투명한 PNG를 올려도 빈 배경이 스와치로 잡히지 않아요.