사진 대표 색상은 어떻게 추출하나요?
선택한 사진은 File API로 현재 브라우저에서 읽고 작은 분석용 Canvas로 축소합니다. 모든 원본 픽셀을 그대로 비교하면 모바일 기기의 메모리와 처리 시간이 커지므로 긴 변을 약 140픽셀로 줄여 표본을 만듭니다. 그 다음 투명 픽셀을 제외하고 RGB 값을 일정한 간격으로 묶어 비슷한 색을 같은 색상군으로 계산합니다. 등장 횟수가 많은 색상군부터 고르되 서로 지나치게 가까운 색은 건너뛰어 팔레트가 한 가지 계열로만 채워지는 것을 줄입니다.
결과는 사진의 주제를 이해하는 인공지능 분류가 아니라 픽셀 빈도와 색상 거리 기반의 간단한 추정입니다. 그라데이션, 매우 어두운 그림자, 넓은 단색 배경이 있는 사진은 해당 색이 우선 선택될 수 있습니다. 원하는 수가 부족하면 남은 빈도 순서대로 채워 5~8개를 보여 줍니다. 각 팔레트 버튼을 누르면 HEX 하나를 복사하고 전체 복사는 RGB 값까지 함께 제공합니다.
사용 방법
이미지 선택
JPG, PNG 또는 WebP 사진을 선택합니다. 파일은 업로드되지 않고 브라우저 메모리에서만 열립니다.
색상 수 결정
간단한 테마는 5개, 세부 강조색까지 보고 싶다면 7~8개를 선택해 추출 버튼을 누릅니다.
HEX 복사
결과 색상 카드를 클릭해 해당 HEX만 복사하거나 팔레트 전체를 텍스트로 복사합니다.
구체적인 상황으로 이해하는 활용 예시
다음 세 상황은 도구의 처리 과정과 결과 해석을 설명하기 위한 가상 예시입니다. 입력 조건을 바꾸면 결과도 달라지므로 자신의 조건과 비교해 확인하세요.
1. 완전한 빨강 단색 이미지에서 추출
불투명 RGB 255·0·0의 단색 PNG에 5색을 요청해도 실질적인 색 그룹은 하나이므로 #FF0000 한 개가 나올 수 있습니다. 요청 수는 서로 다른 색이 반드시 그만큼 존재한다는 보장이 아닙니다. 사진에 없는 새 색을 만들어 채우기보다 실제 샘플에 있는 후보를 보여 주는 구조입니다.
2. 비슷한 두 회색이 같은 그룹이 되는 경우
샘플 채널 값이 100인 회색과 110인 회색은 32 단위 반올림에서 모두 96으로 묶일 수 있습니다. 결과가 원본 픽셀의 RGB와 정확히 같지 않은 것은 대표색을 줄이기 위한 양자화 때문입니다. 원본의 특정 픽셀 값을 알아야 할 때는 팔레트 대신 사진 색상 추출기를 사용하세요.
3. 투명 영역이 넓은 이미지를 분석
알파 값이 100/255인 픽셀은 이 도구의 160 기준보다 낮아 샘플 집계에서 제외됩니다. 완전히 투명한 PNG에서는 대표색을 찾지 못했다는 안내가 나올 수 있습니다. 반투명 로고의 시각적 색은 뒤에 놓을 배경에 따라 달라지므로 추출 결과를 배경 합성 결과로 해석하지 마세요.
대표색은 픽셀을 일정 간격으로 읽고 비슷한 색을 묶은 뒤 많이 등장한 순서와 색상 간 거리를 함께 고려해 고릅니다. 따라서 작은 로고나 포인트 색은 사진에서 차지하는 면적이 작으면 빠질 수 있습니다. 색상 수를 5개와 8개로 바꾸어 비교하고 필요한 포인트 색은 사진 색상 추출 도구로 별도 확인하세요.
주의사항
추출 결과는 원본의 정확한 모든 색을 대표하지 않으며 사진 필터와 조명 영향을 그대로 받습니다. 브랜드 색상처럼 정확도가 중요한 경우 원본 디자인 파일의 공식 코드를 사용하세요. 저작권이나 개인정보가 있는 이미지는 본인이 사용할 권한이 있는지 확인해야 합니다.