클릭하여 이미지 가져오기 / 스크린샷 후 Ctrl+V / 여기로 이미지 드래그

jpg/png 등 일반적인 이미지 형식 지원

색상 선택기 도구

HEX RGB RGBA
{{ (scale * 100).toFixed(0) }}%
{{ formatColor(c) }}
{{ formatColor(hoverColor) }}

🎨 사진에서 색상을 추출하는 방법은?

이것은 이미지 및 스크린샷에서 정확한 색상 정보를 쉽게 얻을 수 있는 강력한 온라인 색상 선택 도구입니다. 디자인 작업을 더 효율적으로 만들기 위한 일괄 색상 선택을 지원합니다!

🚀 이미지를 빠르게 가져오는 여러 방법

  • 📁 클릭하여 가져오기: 업로드 영역 또는 사이드바의 "이미지 가져오기" 버튼을 클릭하여 로컬 이미지 파일 선택
  • 📋 스크린샷 붙여넣기: 스크린샷을 찍은 후 Ctrl+V를 눌러 초고속 색상 선택 경험을 위해 붙여넣기!
  • 🖱️ 드래그 앤 드롭: 이미지 파일을 페이지로 직접 드래그하여 자동 인식

💡 팁: JPG, PNG 등 일반적인 이미지 형식을 지원합니다. 스크린샷 붙여넣기가 색상을 선택하는 가장 빠른 방법입니다!

🔍 정밀한 색상 선택 작업

  • 👆 클릭하여 선택: 마우스를 이미지 위로 이동하고任意의 위치를 클릭하여 해당 지점의 색상 선택
  • 🔎 돋보기 미리보기: 호버 시 9x9 픽셀 그리드를 표시하여 픽셀 세부 정보를 정확하게 관찰
  • 🎯 실시간 미리보기: 호버 위치에 현재 색상의 HEX/RGB/RGBA 값 표시

🖼️ 이미지 탐색 컨트롤

  • 🔍 이미지 줌: 마우스 휠 또는 사이드바 슬라이더를 사용하여 줌 레벨 조정 (10%-500%)
  • ✋ 이미지 이동: 스페이스바를 누른 상태에서 마우스를 드래그하거나 이미지 위를 직접 드래그하여 보기 이동
  • 🔄 보기 재설정: 오른쪽 상단 모서리의 재설정 버튼을 클릭하여 빠르게 초기 상태로 돌아가기

📊 일괄 색상 선택 팁

  • 🎨 여러 번 클릭: 이미지의 다른 위치를 연속으로 클릭하여 오른쪽 패널에 여러 색상 수집
  • 📋 단일 복사:任意의 색상 항목을 클릭하여 해당 색상 값을 클립보드에 복사
  • 📑 일괄 복사: "모두 복사" 버튼을 클릭하여 수집된 모든 색상 값을 한 번에 복사 (줄당 하나)
  • 🗑️ 목록 지우기: 삭제 버튼을 클릭하여 수집된 모든 색상 지우기

💡 전문가 팁: 일괄 색상 선택은 색상 구성표 추출 및 이미지 색상 구성 분석에 완벽하며 디자인 효율성을 크게 향상시킵니다!

⚙️ 색상 형식 설정

  • HEX: 16진수 형식, 예: #FF5733 (웹 디자인에서 일반적으로 사용)
  • RGB: 빨강 초록 파랑 원색, 예: rgb(255, 87, 51)
  • RGBA: 투명도가 있는 RGB, 예: rgba(255, 87, 51, 1.00)

✨ 기능 하이라이트

  • ✅ 순수 브라우저 처리, 개인 정보 보호, 이미지가 서버에 업로드되지 않음
  • ✅ 실시간 응답, 밀리초 수준의 색상 선택 속도
  • ✅ 투명 이미지 지원, 체커보드 배경이 보기 지원
  • ✅ 프로스트 글래스 UI 디자인, 현대적인 인터랙티브 경험
  • ✅ 반응형 레이아웃, 다양한 화면 크기에 적응

🎉 색상 선택 여행을 시작하세요! 이미지를 가져오고 궁극의 색상 선택 즐거움을 경험하세요~