이미지 색상 추출

이미지의 대표 색상을 HEX 팔레트로 추출합니다. 사진을 올리면 그 이미지를 규정하는 색 몇 가지가 나오고, CSS·디자인 도구·브랜드 문서에 바로 복사해 쓸 수 있습니다.

사용 방법

1. 이미지를 올립니다.
2. 대표 색상이 HEX 코드와 함께 견본으로 표시됩니다.
3. 코드를 눌러 복사합니다.
4. 디자인에 쓰기 전에 색상 대비 검사기로 글자 대비를 확인하세요.

이럴 때 씁니다

• 대표 사진에 맞춰 페이지·슬라이드 테마를 잡아 통일감을 낼 때.
• 스타일 가이드가 사라진 로고에서 브랜드 색을 되찾을 때.
• 무드보드 이미지에서 작업 방향이 될 배색을 뽑을 때.
• 상품 사진과 UI 포인트 색을 맞출 때.

팔레트에서 배색으로

추출은 픽셀을 군집화하므로 결과는 중요도가 아니라 면적을 반영합니다 — 노을 사진에서는 하늘색이 대부분을 차지하고 정작 인상적인 포인트 색은 과소평가됩니다. 팔레트는 원재료로 다루세요: 넓은 면에는 지배색 하나, 강조에는 포인트 한둘을 고르고, 색 위에 얹는 글자는 조합마다 대비를 검사합니다. 같은 피사체도 조명이 다르면 다른 팔레트가 나오는데, 그것은 추출 오류가 아니라 빛의 속성입니다.

관련 도구

자주 묻는 질문

이미지 색상 추출를 쓰면 사진이 서버로 올라가나요?

아니요. 이미지 색상 추출는 브라우저의 Canvas API로 파일을 읽어 기기 안에서 모든 픽셀을 처리합니다. 이미지가 컴퓨터를 벗어나지 않기 때문에, 페이지를 연 뒤 인터넷을 꺼도 계속 동작합니다.

이미지 색상 추출를 거치면 화질이 떨어지나요?

설정에 따라 다릅니다. JPEG와 WebP는 손실 압축이라 품질 값을 낮출수록 용량이 줄고 손상이 눈에 띕니다. PNG는 무손실이라 픽셀이 그대로 보존됩니다. 품질 80퍼센트 정도에서 시작해 보세요. 대부분의 사진은 원본의 3분의 1 용량에서도 눈으로는 차이가 없습니다.

파일 크기나 개수 제한이 있나요?

업로드가 없으므로 사이트가 거는 제한은 없습니다. 실질적인 한계는 기기 메모리이며, 5천만 화소가 넘는 아주 큰 파일은 오래된 휴대폰에서 느릴 수 있습니다.