이미지 색상 추출기
이미지를 업로드하면 주요 색상을 HEX와 RGB 값으로 즉시 추출합니다. 사진, 로고, 스크린샷의 색상을 매칭하려는 디자이너에게 완벽한 도구입니다.
🖼️
이미지를 여기에 드롭하거나 클릭하여 업로드
JPG, PNG, WebP, GIF 지원 — 브라우저에서 로컬로 처리됨
8
작동 방식
모든 픽셀을 샘플링하고 비슷한 색조를 그룹화(색상 양자화)하여 가장 많이 사용된 그룹을 반환합니다. 모든 처리는 브라우저에서 이루어지며 이미지는 서버로 업로드되지 않습니다.
사용 방법
이미지를 업로드하면 주요 색상을 HEX와 RGB 값으로 즉시 추출합니다. 사진, 로고, 스크린샷의 색상을 매칭하려는 디자이너에게 완벽한 도구입니다.
- 1이미지를 업로드 영역에 드래그 앤 드롭하거나 클릭하여 파일을 선택하세요. JPEG, PNG, WebP, GIF, SVG 등 모든 웹 이미지 형식이 지원됩니다. 이미지는 브라우저에만 남습니다.
- 2업로드 전후에 색상 수 슬라이더를 조정하세요. 대부분의 이미지에는 6-8개가 적당합니다. 수채화나 인포그래픽처럼 색상이 많은 이미지는 12-16개로 설정하세요.
- 3상단의 팔레트 스트립은 이미지에서 각 색상이 차지하는 비율을 보여줍니다. 색상 스와치를 클릭하면 HEX 코드가 복사됩니다. '전체 복사'로 HEX + RGB + 비율 목록을 가져올 수 있습니다.
- 4추출한 색상을 CSS 변수로, Figma/Sketch 스와치로, 또는 디자인 도구의 색상 선택기에 HEX 코드를 입력하여 사용하세요.
주요 기능
- 100% 브라우저 기반 — 서버 업로드 없음, 완전한 개인 정보 보호, 페이지 로드 후 오프라인 작동
- 색상 양자화 알고리즘 — 비슷한 색조를 지능적으로 그룹화하여 깔끔하고 사용 가능한 팔레트 생성
- 비율 팔레트 스트립 — 원본 이미지에서 각 색상의 지배도를 시각화
- 조정 가능한 색상 수 — 필요에 따라 4~16개의 주요 색상 추출