무료 이미지 색상 추출 도구
색상 팔레트 추출기
색상 팔레트 추출기는 이미지에서 정확한 색상을 추출해 HEX, RGB, HSL, OKLCH, CMYK 코드가 포함된 색상 팔레트로 제공합니다. 모든 색상에는 이미지에서 차지하는 비율이 표시되며, 이미지는 브라우저 밖으로 전송되지 않습니다.
- 무료, 가입 불필요
- 이미지는 기기 밖으로 전송되지 않음
- 정확한 픽셀 색상
여기에 이미지를 놓으세요
또는 Ctrl+V로 붙여넣기. JPG, PNG, WebP, GIF, AVIF, SVG. 최대 20개 이미지.
색상 팔레트 추출기는 어떻게 작동하나요?
색상 팔레트 추출기는 브라우저에서 이미지의 픽셀을 읽고, 비슷한 색상을 묶은 뒤, 이미지를 가장 잘 나타내는 색상을 반환합니다.
이미지 추가
JPG, PNG, WebP, GIF, AVIF, SVG 형식의 이미지를 최대 20개까지 놓거나, 붙여넣거나, 선택합니다. 붙여넣은 스크린샷도 사용할 수 있습니다.
색상 그룹화
추출기는 사람의 색 지각에 맞춰 설계된 색 공간인 OKLab에서 픽셀을 군집화하고, 같아 보이는 색상을 병합합니다.
팔레트 조정
색상 수를 2~20개로 설정하고 모드를 선택한 뒤, 이미지를 클릭해 원하는 픽셀의 정확한 색상을 추가합니다. 핀을 드래그하면 색상을 다시 선택합니다.
복사 또는 내보내기
HEX 코드를 복사하고, 대비를 확인하거나, 팔레트를 CSS, Tailwind, Adobe, Procreate, GIMP 등으로 내보냅니다.
추출기는 각 색상에 대해 무엇을 제공하나요?
추출된 각 색상은 7가지 색상 코드, 가장 가까운 색상 이름, 이미지 내 비율, 흰색 및 검은색에 대한 대비, 50~950 틴트와 셰이드 단계를 제공합니다.
| 코드 | 예시 | 용도 |
|---|---|---|
| HEX | #2A9D8F | 웹 디자인, CSS, 대부분의 디자인 앱 |
| RGB | rgb(42 157 143) | 화면, CSS, 이미지 편집기 |
| HSL | hsl(173 58% 39%) | CSS에서 명도와 채도 조정 |
| HSB | hsb(173, 73%, 62%) | Photoshop, Figma, Procreate의 컬러 피커 |
| OKLCH | oklch(63% 0.101 183) | 최신 CSS의 지각 기반 색상 편집 |
| CIE Lab | lab(58.4 -35.2 -2.3) | 색차 측정과 인쇄 워크플로 |
| CMYK | 73, 0, 9, 38 | 프린터 프로필 없는 인쇄 추정값 |
이미지에 맞는 추출 모드는 무엇인가요?
추출 모드는 이미지의 색상 수가 팔레트 크기보다 많을 때 어떤 색상이 팔레트에 들어갈지 결정합니다.
| 모드 | 선택 기준 | 적합한 용도 |
|---|---|---|
| 균형(기본값) | 넓은 색상 영역과 뚜렷한 강조색. 픽셀 비율과 이미 선택된 색상과의 거리로 점수를 매깁니다 | 사진, 일러스트, 브랜드 이미지 |
| 주요 | 가장 많은 픽셀을 차지하는 색상 | 이미지를 채우는 색상 측정 |
| 선명 | 균형 모드의 점수에 크로마 가중치를 적용해 채도 높은 강조색이 더 높은 순위를 받습니다 | 무드보드, 제품 사진, 아트워크 |
정확한 픽셀 설정은 이미지에 실제로 존재하는 색상을 반환합니다. 평균 설정은 각 그룹의 평균 색상을 반환합니다. 유사 색상 병합 슬라이더는 두 색상을 하나로 볼 만큼 가까운 정도를 ΔE_OK 거리로 설정합니다(기본값 0.03).
추출된 색상은 얼마나 정확한가요?
추출된 색상은 정확한 픽셀 값입니다. 추출기는 픽셀을 섞지 않고 실제 픽셀을 샘플링하므로, 정확한 픽셀 팔레트의 모든 HEX 코드는 이미지 안에 존재합니다.
- 지각 기반 그룹화. 색상은 같은 거리가 같은 차이로 보이는 OKLab에서 비교됩니다. RGB 거리는 일부 색상 차이를 과장하고 다른 차이는 과소평가합니다.
- 일관된 결과. 군집화에 고정 시드를 사용하므로, 같은 이미지와 설정은 항상 같은 팔레트를 반환합니다.
- 실제 비율. 모든 픽셀이 가장 가까운 팔레트 색상에 할당되므로, 비율의 합은 100%입니다.
- 투명도 반영. 불투명도 50% 미만의 픽셀은 계산에서 제외되므로, 투명 PNG는 보이는 색상만 표시합니다.
색상 추출 원리 가이드에서 이 방식을 미디언 컷, 옥트리 양자화, 기본 k-평균 군집화와 비교합니다.
어떤 소스에서 색상을 추출할 수 있나요?
색상 팔레트 추출기는 네 가지 소스를 읽으며, 소스마다 전용 도구와 설정이 있습니다.
이미지
사진, 일러스트, 스크린샷, 아트워크. 여러 이미지를 넣으면 모든 이미지가 같은 비중을 갖는 하나의 병합 팔레트가 만들어집니다.
로고
로고 색상 추출기는 정확한 로고 색상을 반환하고, 배경을 제거하며, 가장자리의 혼합 픽셀을 무시합니다.
웹사이트
웹사이트 색상 추출기는 URL에서 사이트의 CSS를 읽고 브랜드, 텍스트, 배경, 테두리 색상을 반환합니다.
단일 픽셀
이미지 컬러 피커는 클릭한 픽셀의 정확한 HEX 코드를 반환하며, 정밀한 선택을 위한 돋보기를 제공합니다.
어떤 형식으로 내보낼 수 있나요?
추출기는 팔레트를 11가지 형식으로 내보내며, 모든 파일은 브라우저에서 생성됩니다.
| 형식 | 파일 | 사용 가능한 곳 |
|---|---|---|
| CSS 변수 | .css | 모든 웹사이트 스타일시트 |
| Tailwind v4 및 v3 | @theme 블록, tailwind.config.js | Tailwind CSS 프로젝트 |
| SCSS | .scss | Sass 프로젝트 |
| 디자인 토큰 | .tokens.json | W3C Design Tokens 도구와 Figma 플러그인 |
| Adobe Swatch Exchange | .ase | Photoshop, Illustrator, InDesign |
| Procreate | .swatches | iPad용 Procreate |
| GIMP 팔레트 | .gpl | GIMP, Inkscape, Krita |
| SVG | .svg | Figma, Sketch, Illustrator |
| PNG 팔레트 카드 | .png | 프레젠테이션, 무드보드, 소셜 게시물 |
| HEX 목록 | .txt | 모든 앱 |
코드 형식에는 각 색상의 50~950 틴트와 셰이드 단계를 포함할 수 있으며, 이 단계는 추출된 값을 기준으로 OKLCH에서 생성됩니다.
색상 팔레트 추출기는 누가 사용하나요?
디자이너
무드보드 사진이나 참고 이미지에서 팔레트를 추출해 Figma, Adobe 앱, Procreate에 스와치로 보냅니다.
개발자
디자인 스크린샷을 전체 틴트와 셰이드 단계가 포함된 CSS 변수나 Tailwind 테마로 변환합니다.
사업자
로고나 제품 사진의 정확한 HEX 코드를 찾아 웹사이트, 온라인 스토어, 소셜 게시물의 색상을 일관되게 유지합니다.
아티스트와 일러스트레이터
새 작품을 시작하기 전에 그림이나 사진의 색상 비율을 분석합니다.
인쇄 발주자
교정쇄를 받기 전에 인쇄소에 전달할 정확한 화면 값과 CMYK 추정값을 수집합니다.
접근성 검토자
팔레트의 모든 색상 쌍을 WCAG 2 기준으로 검사합니다. 팔레트의 WCAG 대비 가이드에서 규칙을 설명합니다.
이미지가 업로드되나요?
아니요. 이미지는 브라우저 안에서 디코딩되고 분석되며, 파일은 서버에 전송되지 않습니다. 사이트는 이미지와 팔레트를 저장하지 않습니다.
서버와 통신하는 기능은 웹 주소에서 이미지 불러오기와 웹사이트 코드 읽기, 두 가지입니다. 두 기능 모두 공개 파일을 대신 가져오며 사본을 보관하지 않습니다. 개인정보처리방침에 사이트가 처리하는 모든 데이터가 나와 있습니다.
색상 팔레트 추출기 자주 묻는 질문
색상 팔레트 추출기는 무료인가요?
네. 모든 기능과 모든 내보내기 형식이 무료이며, 계정, 워터마크, 사용 제한이 없습니다.
팔레트에는 색상을 몇 개까지 넣을 수 있나요?
팔레트에는 2~20개의 색상이 들어가며, 색상 수 슬라이더로 설정합니다. 기본 팔레트는 6개 색상입니다.
다른 도구에서는 왜 다른 색상이 나오나요?
도구마다 색 공간, 군집화 알고리즘, 샘플링 방식, 스와치 값이 다릅니다. 이 추출기는 기본적으로 OKLab에서 색상을 묶고 실제 픽셀 값을 반환하지만, 많은 도구는 RGB에서 색상을 평균합니다.
여러 이미지에서 하나의 팔레트를 추출할 수 있나요?
네. 이미지를 최대 20개까지 추가하면 추출기가 각 이미지에 같은 비중을 둔 하나의 병합 팔레트와 이미지별 작은 팔레트를 만듭니다.
추출기는 휴대폰에서도 작동하나요?
네. 추출기는 모바일 브라우저에서 실행되고, 휴대폰 앨범의 사진을 받으며, 탭으로 색상을 선택합니다.
어떤 이미지 형식을 지원하나요?
JPG, PNG, WebP, GIF, AVIF, BMP, SVG 파일은 모든 최신 브라우저에서 작동합니다. HEIC 사진은 Safari에서만 열리므로, 다른 브라우저에서는 JPG나 PNG 사본이 필요합니다.