이미지 색상 팔레트 추출기
사용 방법
PNG, JPEG, WebP 또는 AVIF 이미지를 업로드하면 브라우저에서 근사 대표 색상을 최대 8개 추출하고 색상 값을 복사하거나 다운로드할 수 있습니다.
멋진 풍경 사진이나 감성 일러스트에서 가장 매력적인 색상 조합(컬러 팔레트)을 자동으로 추출해 드립니다. 사진의 주요 색상과 포인트 컬러를 분석하여 웹 디자인, PPT 제작, 인테리어에 바로 쓸 수 있는 HEX/RGB 색상 코드를 제공합니다.
💡 3단계 초간단 사용 가이드
마음에 드는 사진이나 포스터 이미지를 화면에 끌어다 놓습니다.
색상 군집화 알고리즘이 사진에서 가장 조화로운 5~8가지 핵심 색상을 추출합니다.
색상 칩을 클릭하여 16진수 색상 코드(#019B98 등)를 복사한 후 포토샵, 피그마, 파워포인트에 붙여넣습니다.
활용 상황
사진, 일러스트 또는 화면 캡처에서 배색 참고 자료를 빠르게 정리할 때 사용할 수 있습니다.
계산 또는 처리 방식
이미지를 최대 96 × 96 픽셀로 줄여 샘플링하고 알파값이 128보다 낮은 픽셀은 제외합니다. RGB 채널을 양자화한 뒤 빈도와 색상 선명도로 정렬해 최대 8색을 남깁니다.
구체적인 예시
실내 사진을 올려 벽과 가구에 가까운 HEX 값을 복사하거나 HEX, RGB, HSL 및 CSS 변수가 포함된 텍스트 파일을 다운로드합니다.
제한 및 데이터 처리
이미지를 축소 샘플링하고 색상 채널을 양자화하며 알파값이 128보다 낮은 픽셀은 제외합니다. 따라서 그라데이션, 투명 영역과 작은 색상 영역은 합쳐지거나 빠질 수 있습니다. 디코딩할 수 없거나 한도를 넘은 이미지는 팔레트를 만들지 않고 EXIF 같은 이미지 메타데이터도 팔레트에 포함하지 않습니다. 파일을 읽는 동안 별도 취소 버튼은 없으며 다른 파일을 선택하면 이전 결과를 무시합니다.
이미지 디코딩, 샘플링, 팔레트 추출과 텍스트 파일 생성은 현재 브라우저에서 모두 처리됩니다. 이미지와 추출값은 GoGo Tools 백엔드로 전송되지 않습니다.
색상 팔레트 추출, K-Means 클러스터링 및 WCAG 색상 대비 가이드
1. K-Means 클러스터링 기반 대표 색상 추출
이미지 속 방대한 픽셀 색상 데이터를 3차원 공간에서 군집화하여 가장 조화롭고 대표성이 높은 핵심 팔레트를 자동으로 도출합니다.
2. 표준 색상 표색계: HEX, RGB, HSL, CIELAB
웹 표준 HEX/RGB 코드와 인간 시각 인지에 기반한 HSL, 그리고 정밀 색차 분석용 CIELAB 모델의 상호 변환을 지원합니다.
3. W3C 웹 콘텐츠 접근성(WCAG 2.1) 대비율 검증
텍스트와 배경 간의 명도 대비가 최소 4.5:1 이상(Level AA 기준)을 충족하는지 검증하여 접근성 높은 UI 디자인을 완성합니다.
Feedback
이 도구에 대한 피드백
도구 제안이나 오류 신고를 보내주세요.
자주 묻는 질문
이미지 색상 팔레트 추출기: 어떤 이미지를 사용할 수 있나요?
20 MB 이하이면서 총 3,200만 픽셀 이하인 PNG, JPEG, WebP 또는 AVIF 이미지를 사용할 수 있습니다. 항상 최대 8색을 추출하며 색상 수 설정은 없습니다.
이미지 색상 팔레트 추출기: 어떤 색상 값을 제공하나요?
근사 대표 색상을 최대 8개 표시하고 각 HEX 값을 복사할 수 있습니다. 다운로드하는 텍스트 파일에는 RGB, HSL 및 CSS 변수도 포함됩니다.
이미지 색상 팔레트 추출기: 일부 색상이 나오지 않는 이유는 무엇인가요?
이미지를 축소 샘플링하고 색상 채널을 양자화하며 알파값이 128보다 낮은 픽셀은 제외합니다. 따라서 그라데이션, 투명 영역과 작은 색상 영역은 합쳐지거나 빠질 수 있습니다. 디코딩할 수 없거나 한도를 넘은 이미지는 팔레트를 만들지 않고 EXIF 같은 이미지 메타데이터도 팔레트에 포함하지 않습니다. 파일을 읽는 동안 별도 취소 버튼은 없으며 다른 파일을 선택하면 이전 결과를 무시합니다.
이미지 색상 팔레트 추출기: 이미지나 팔레트가 업로드되나요?
이미지 디코딩, 샘플링, 팔레트 추출과 텍스트 파일 생성은 현재 브라우저에서 모두 처리됩니다. 이미지와 추출값은 GoGo Tools 백엔드로 전송되지 않습니다.
