이미지 색상 팔레트 추출기
브라우저에서 열 수 있는 이미지의 자주 쓰인 색상을 간결한 팔레트로 만듭니다. 3개에서 20개까지 색상 수를 정하고 원하는 HEX 값을 눌러 복사하세요. 이미지 디코딩, 샘플링, 분석은 모두 사용자의 브라우저에서 이루어집니다.
색상 팔레트 추출 방법
-
1
이미지 선택
30 MB 이하, 2,400만 화소 이하의 호환 이미지를 선택합니다.
-
2
팔레트 크기 설정
색상 견본을 3개에서 20개 사이로 선택합니다.
-
3
추정 결과 확인
이미지를 샘플링해 자주 나타나는 RGB 색상 그룹을 순서대로 보여 줍니다.
-
4
색상 복사
견본을 눌러 6자리 HEX 값을 복사합니다.
추출된 팔레트가 의미하는 것
이 도구는 색상을 빠르게 참고하기 위한 것으로 정밀한 색도 측정 장비가 아닙니다. 디코딩된 이미지를 최대 100 × 100픽셀 샘플로 줄이고, 완전히 투명한 픽셀을 제외합니다. 빨강, 초록, 파랑 채널을 각각 16단계 간격으로 묶은 뒤 가장 자주 나타나는 그룹을 HEX 값으로 표시합니다.
색상 수 선택 기준
| 견본 수 | 적합한 용도 |
|---|---|
| 3~5 | 단순한 분위기 또는 작은 UI 팔레트 |
| 6~10 | 여러 피사체나 소재가 있는 사진 |
| 11~20 | 비슷한 색조까지 포함하는 폭넓은 참고 팔레트 |
주요 제한 사항
- 결과는 빈도 기반 RGB 양자화를 사용하며 k-means, median cut, 지각 기반 군집화가 아닙니다.
- 면적이 넓은 배경색은 더 눈에 띄는 작은 강조색보다 높은 순위에 나올 수 있습니다.
- 이미지 축소와 16단계 그룹화로 인해 결과는 원본의 정확한 픽셀이 아닌 근삿값입니다.
- 브라우저 색상 관리, JPEG 왜곡, 그라데이션에 따라 자주 나타나는 그룹이 달라질 수 있습니다.
- 움직이는 이미지에서는 브라우저가 불러올 때 디코딩한 프레임을 분석합니다.
특정 지점의 정확한 색상이 필요하다면 이미지 색상 선택기를 사용하세요. 디자인에 활용할 때는 이 팔레트를 출발점으로 삼고, 글자나 조작 요소에 적용하기 전에 명암 대비를 확인하는 것이 좋습니다.
자주 묻는 질문
아니요. 파일 디코딩과 분석은 브라우저에서 이루어집니다. 여러 단계로 이동하는 동안 다음 페이지에서 복원할 수 있도록 브라우저 저장소에 잠시 보관되며, 임시 데이터는 약 30분 뒤 만료됩니다.
순위는 시각적 중요도가 아니라 샘플에 차지하는 면적을 따릅니다. 따라서 넓은 벽이나 하늘이 작고 채도가 높은 물체보다 앞에 나올 수 있습니다.
항상 그렇지는 않습니다. 각 RGB 채널을 16단계 간격으로 내림 처리하므로 견본은 색상 그룹의 대표값입니다. 정확한 한 픽셀이 필요하면 스포이트를 사용하세요.
단색 또는 투명한 이미지에는 선택한 팔레트 크기보다 서로 다른 불투명 색상 그룹이 적을 수 있습니다.
관련 도구
PNG를 SVG로 벡터화
브라우저에서 PNG 래스터 이미지를 SVG 패스로 변환합니다. 로고, 아이콘, 선화에 적합하며 임계값, 색상 수, 스무딩을 조절할 수 있습니다.
티어 리스트 만들기
텍스트와 기기 내 이미지로 비공개 티어 리스트를 만드세요. 행을 꾸미고 드래그나 키보드로 순위를 정한 뒤 JSON, PNG 또는 SVG로 내보낼 수 있습니다.
QR 코드 생성기
텍스트 또는 URL로 브라우저 안에서 QR 코드를 만들고 PNG로 다운로드하세요.
GIF 제작기
이미지 시퀀스나 짧은 영상을 애니메이션 GIF로 변환합니다. 내보내기 전에 프레임률, 반복 횟수, 크기를 조정하세요.
그래피티 글자 생성기
태그, 버블, 블록, 스텐실, 네온, 와일드 효과로 글자를 꾸미세요. 색상을 조절하고 브라우저에서 PNG 또는 SVG로 내보낼 수 있습니다.
대량 이미지 리사이저
여러 이미지를 끌어다 놓고 목표 크기에 맞추거나 늘린 뒤 JPG, PNG, WebP 파일을 하나의 ZIP으로 내보냅니다. 처리는 브라우저 안에서 끝납니다.