이미지 색상 추출기
이미지에서 주요 색상과 팔레트를 추출합니다.
이미지를 바로 쓰는 색상 팔레트로
소개
이미지 색상 추출기는 사진을 분석해 주요 색상을 바로 쓸 수 있는 코드(HEX·RGB·HSL)로 반환합니다 — 디자인·브랜딩용입니다. 색을 하나씩 스포이드로 따는 건 느리고, 이미지의 분위기를 정의하는 색을 놓치기 쉽습니다. 이 도구는 이미지 전체를 샘플링해 대표 팔레트로 묶으며, 업로드 없이 브라우저에서 처리되어 미공개 제품 사진이나 비공개 브랜드 자산도 기기에 머뭅니다.
사용 방법 (단계별)
- 1
이미지 올리기
사진·로고·스크린샷·일러스트 모두 가능합니다. 고해상도일수록 대표성 높은 팔레트가 나옵니다.
- 2
팔레트 확인
주요 색과 강조색이 HEX·RGB·HSL 값과 함께 표시됩니다.
- 3
필요한 코드 복사
스와치를 클릭해 코드를 복사하고 CSS·디자인 도구·브랜드 가이드에 붙여넣으세요.
작동 원리
이미지를 캔버스에 그려 원시 RGB 픽셀로 읽습니다. 클러스터링 알고리즘이 수백만 픽셀을 등장 빈도로 가중한 대표 색상으로 묶어 주요 팔레트와 강조색을 만듭니다. 각 스와치는 바로 복사 가능한 HEX·RGB·HSL 값으로 표시됩니다. 모든 처리가 픽셀 데이터에 로컬로 일어나므로 원본 이미지는 전송되지 않습니다.
이럴 때 쓰세요
선택한 사진과 어울리는 웹·슬라이드 테마 구성. 로고에서 정확한 브랜드 색 추출. 일러스트·UI 목업용 조화 팔레트 제작. 영감 사진으로 무드보드 생성. 제품 사진에서 접근성 좋은 텍스트·배경 조합 선택. 이미지 톤에 맞춘 CSS 그라데이션·차트 색 매칭.
자주 묻는 질문
같은 색을 적는 세 가지 방식입니다. HEX(#3b82f6)는 간결해 CSS·디자인 도구에서 흔합니다. RGB는 빨강/초록/파랑 채널을 나열합니다. HSL(색상·채도·명도)은 손으로 톤·음영을 만들 때 가장 쉽습니다.