이미지 색상 추출기는 한 장의 이미지에서 색을 정확히 뽑아냅니다. 이미지 위에서 마우스를 움직이면 커서 옆에 120px 원형 확대경이 따라붙어 주변 15×15 픽셀을 확대해 보여주고 가운데 칸을 강조하므로 그라데이션이나 경계에서 잘못 클릭하는 일을 줄여 줍니다. 클릭하면 색상값이 '현재 색상'에 들어가고 HEX가 자동 복사되며 rgb()과 hsl() 표기도 함께 보여줍니다. 이미지를 불러올 때는 128px 너비로 줄여 색을 클러스터링하고 주요 색상 8개를 비중에 따라 색 띠로 그립니다. 처리는 브라우저에서 로컬로 이루어집니다.

'색상 도구'와 달리 여기서 색은 이미지 픽셀에서 나옵니다. '이미지 히스토그램'과 달리 밝고 어두운 분포가 아니라 구체적인 색상값을 다룹니다.

1. 01이미지 한 장 올리기한 장씩 처리하며 이미지는 색 추출 캔버스에 그려집니다(긴 변이 2048px를 넘으면 먼저 2048로 줄입니다).
2. 02움직이며 색 보기이미지 위에서 마우스를 움직이면 확대경이 커서를 따라가고, 가장자리에 가까워지면 자동으로 반대쪽으로 넘어갑니다. 확대경 아래에 HEX가 실시간으로 표시됩니다.
3. 03클릭해 색 추출클릭 한 번으로 그 픽셀이 '현재 색상'이 되고 HEX가 클립보드에 복사됩니다. 오른쪽에 HEX / RGB / HSL이 나오고 줄마다 '복사' 버튼이 있습니다.
4. 04주요 색상 팔레트 활용'주요 색상 팔레트'의 색상 블록 8개가 픽셀 비중 순서로 색 띠를 이루고, 아무 블록이나 눌러도 복사됩니다. '색 추출 기록'은 최근 중복 없는 색 16개를 남깁니다.

HEX가 자동으로 클립보드에 복사됨

주요 색상 8개는 128px 썸네일 클러스터링으로 산출

작은 픽셀은 합쳐져 색이 조금 평균화됨

이미지 속 하늘 클릭

HEX `#4A90D9`, `rgb(74, 144, 217)`, `hsl(211, 65%, 57%)`

브랜드 포스터 한 장 불러오기

색 띠에서 가장 넓은 구간이 포스터의 주색, 나머지는 면적 순

긴 변 6000px 대형 이미지

색 추출 캔버스가 2048px로 축소

지원 입력

JPG / PNG / WebP / GIF / BMP / AVIF / HEIC. 한 번에 한 장

색 추출 해상도

캔버스 긴 변 상한이 2048px이라 초대형 이미지는 줄어든 픽셀에서 색을 뽑으며 원본 픽셀 단위가 아닙니다

투명 픽셀

색 추출은 알파를 고려하지 않고 투명 영역은 캔버스에 합성된 RGB로 읽습니다

주요 색상 수

8개로 고정이며 개수를 바꾸거나 배경색을 빼는 옵션이 없습니다

하지 않는 일

색 형식 상호 변환이나 팔레트 생성('색상 도구' 사용), 색 파일(ASE / GPL) 출력, 화면 밖 색 추출은 하지 않습니다

이미지는 브라우저에서 로컬 canvas에 그려 색을 뽑으며 어떤 서버로도 업로드되지 않습니다. 클립보드 복사는 클릭할 때만 일어납니다.