🖼️ 이미지 색상 추출기

이미지를 업로드하고 클릭해서 색상을 추출하세요. 주요 색상 팔레트도 자동으로 생성됩니다.

이미지 업로드

🎨

클릭하거나 이미지를 드래그하세요

📖 사용방법

이미지를 업로드 영역에 드래그하거나 클릭해서 선택합니다.
이미지 위에서 마우스를 움직이면 돋보기로 해당 위치의 색상을 미리 볼 수 있습니다.
원하는 위치를 클릭하면 해당 색상의 HEX, RGB, HSL 값이 표시됩니다.
값 버튼을 클릭하면 클립보드에 복사됩니다.
하단의 팔레트는 이미지에서 자동으로 추출한 주요 색상입니다. 클릭해서 선택할 수 있습니다.

복사됨!

📖 이미지 색상 추출 사용방법

이미지를 드래그하거나 클릭하여 업로드합니다.
이미지의 원하는 영역을 클릭하면 해당 픽셀의 색상이 추출됩니다.
추출된 색상의 HEX, RGB, HSL 코드를 확인합니다.
색상 코드를 클릭하면 클립보드에 자동 복사됩니다.

🖼️ 이미지 색상 추출기 실제 사용 예시

입력: 제품 사진에서 로고 영역 선택
예상 결과: 선택 픽셀의 HEX·RGB 색상 추출
확인 사항: 그림자와 압축 노이즈 때문에 인접 픽셀 색이 다를 수 있음

처리 방식

색상 값과 선택한 이미지는 현재 브라우저의 Canvas·색상 계산 기능으로 처리합니다.

🖼️ 이미지 색상 추출기 사용 가이드

이미지를 업로드하고 클릭해서 색상을 추출하세요. 주요 색상 팔레트 자동 생성. HEX, RGB, HSL 형식으로 복사 가능.

권장 사용 순서

웹 디자인에 사용할 색이라면 배경색과 글자색을 함께 정하고 HEX, RGB, HSL 값을 디자인 시스템에 기록하세요.

결과 확인 방법

밝은 화면과 어두운 화면, 모바일 기기에서도 확인하고 글자색은 WCAG 대비 결과까지 함께 점검하세요.

처리 범위와 제한사항

모니터, 브라우저와 색상 프로필에 따라 실제 표시색이 달라질 수 있습니다. 인쇄물은 별도의 CMYK 교정 과정이 필요합니다.

기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31