사진 색상 추출 (색상 코드)
사진의 주요 색상을 추출하고 HEX 색상 코드를 복사하세요.
사진 색상 추출 방법
- 편집할 사진을 선택하세요.
- 사진의 주요 색상을 추출하고 HEX 색상 코드를 복사하세요.
- 결과 만들기를 누르고 결과를 확인한 뒤 저장하세요.
사진 색상 추출·색상 코드 추출 모두 프로그램 설치나 회원가입 없이 무료로 할 수 있어요. PC는 물론 아이폰·갤럭시 브라우저에서도 그대로 작동합니다.
JPG·PNG·WebP를 지원합니다. 파일당 30MB, 전체 120MB, 최대 40개입니다. 색상은 근사 추출이며 투명한 부분은 제외합니다.
어떤 도구인가요?
사진에서 색상 추출은 사진에 많이 쓰인 색을 골라 #3a6ea5 같은 HEX 색상 코드로 보여 주는 도구예요. 색 견본을 누르면 코드가 복사되어 디자인 프로그램, 웹페이지 CSS, 프레젠테이션 테마에 바로 붙여 넣을 수 있어요. 마음에 드는 사진의 분위기를 디자인 색상으로 옮기고 싶은 블로거, 쇼핑몰 운영자, 디자인 입문자에게 유용해요. 사진은 브라우저 안에서만 분석돼요.
이럴 때 쓰세요
- 브랜드 로고나 상품 사진에서 대표 색을 뽑아 쇼핑몰 배너와 버튼 색을 통일할 때 쓸 수 있어요.
- 여행 사진이나 풍경 사진의 색감을 본떠 블로그 테마나 썸네일 배경색을 정할 때 도움이 돼요.
- 발표 자료를 만들 때 표지 사진과 어울리는 글자색·강조색을 고를 수 있어요.
- 인테리어나 패션 참고 사진에서 주요 색을 뽑아 색 조합을 기록해 둘 때 활용할 수 있어요.
- 그림이나 일러스트에 쓰인 색을 확인해 같은 색으로 이어서 작업하고 싶을 때 편리해요.
사용 예시
카페 매장 사진으로 메뉴판 색을 정하는 경우를 예로 들어 볼게요. '파일 선택'으로 매장 사진을 고르고 '추출할 색상 수'를 6으로 둔 채 '결과 만들기'를 누르세요. 사진에 많이 쓰인 순서대로 색 견본과 HEX 코드가 나타나며, 원하는 색 견본을 누르면 그 코드가 클립보드에 복사돼요. 여섯 가지 코드를 한꺼번에 옮기고 싶다면 '결과 복사'를 누르면 한 줄에 하나씩 복사되고, '파일 저장'으로 palette.txt 파일을 받아 둘 수도 있어요. 복사한 코드를 디자인 프로그램의 색상 입력칸에 붙여 넣으면 같은 색을 쓸 수 있어요.
더 잘 쓰는 팁
- 색 수를 적게 정하면 사진의 큰 덩어리 색 위주로, 많이 정하면 작은 영역의 강조색까지 함께 나와요. 2~12개 사이에서 바꿔 보며 비교하세요.
- 결과는 많이 쓰인 색부터 차례로 나와요. 첫 번째 색은 배경색, 뒤쪽 색은 포인트 색으로 쓰기 좋아요.
- 원하는 색이 결과에 안 나오면 사진 자르기로 그 부분이 크게 보이도록 잘라 낸 뒤 다시 추출해 보세요.
- 로고처럼 투명 배경이 있는 PNG는 투명한 부분을 빼고 계산하므로, 배경색 없이 로고 색만 얻을 수 있어요.
- 추출한 색을 글자색으로 쓸 때는 배경과의 명암 차이를 확인해 읽기 쉬운지 점검하세요.
알아두세요
- 사진 한 장에서만 색을 뽑아요. JPG·PNG·WebP를 지원하며 파일당 30MB, 3,200만 픽셀까지 처리해요.
- 사진을 작게 줄인 뒤 비슷한 색을 묶어 계산하는 근사 추출이라, 특정 픽셀의 정확한 색을 찍어 확인하는 스포이트 기능과는 달라요.
- 서로 너무 비슷한 색은 하나로 정리되기 때문에, 색이 단조로운 사진은 정한 개수보다 적은 색이 나올 수 있어요.
- 결과는 HEX 코드로만 표시돼요. RGB나 CMYK 값은 따로 보여 주지 않아요.
자주 묻는 질문
HEX 코드는 무엇인가요?
HEX 코드는 #뒤에 여섯 자리 16진수로 빨강·초록·파랑 양을 적은 색 표기예요. 웹 CSS, 디자인 프로그램, 프레젠테이션 프로그램 대부분의 색상 입력칸에 그대로 붙여 넣을 수 있어요.
색 코드를 하나씩 복사할 수 있나요?
네. 결과에 나온 색 견본을 누르면 그 색의 HEX 코드만 복사돼요. 자동 복사가 막힌 환경에서는 표시된 코드를 직접 선택해 복사하세요.
설정한 개수보다 색이 적게 나와요.
비슷한 색은 중복을 피하려고 하나로 묶기 때문이에요. 색이 몇 가지 안 되는 단순한 사진이라면 정한 개수보다 적게 나올 수 있어요.
추출된 색이 사진과 조금 달라 보여요.
비슷한 색을 묶어 그 평균을 내는 방식이라 특정 지점의 색과 정확히 같지 않을 수 있어요. 사진 전체에서 많이 쓰인 대표 색을 고르는 용도로 활용하세요.
여러 사진을 넣으면 어떻게 되나요?
이 도구는 사진 한 장을 분석해요. 다른 사진의 색이 필요하면 새로 선택한 뒤 '결과 만들기'를 다시 누르세요.
함께 쓰면 좋은 도구
- 이미지 크기·형식 바꾸기 — 사진을 보면서 크기를 조절하고 JPG·PNG·WebP로 저장하세요.
- 이미지 용량 줄이기 — 원본과 압축 결과를 나란히 보면서 화질과 용량을 조절하세요.
- 사진에 글자 넣기 — 사진 위에 문구를 쓰고, 원하는 곳으로 끌어서 옮기세요.
- 사진 자르기 — 드래그해서 필요한 부분만 자르고 비율을 맞추세요.
- 사진 회전·뒤집기 — 사진을 보면서 회전하거나 좌우·상하로 뒤집으세요.
파일은 브라우저에서 처리되며 이 사이트 서버에 업로드하지 않습니다.