이미지 컬러 피커
이미지를 업로드하거나 붙여넣어 8배 돋보기로 정밀 픽셀 색상을 추출하거나 대표 색상 팔레트를 자동 생성하세요.
Zoom:
Ready
Paste: Ctrl+VClick to lock color
Selected Pixel ColorLuminance: 36%
#4F46E5
HEX#4F46E5Copy
RGBrgb(79, 70, 229)Copy
HSLhsl(243, 75%, 59%)Copy
HSVhsv(243, 69%, 90%)Copy
CMYKcmyk(66%, 69%, 0%, 10%)Copy
OKLCHoklch(0.51 0.23 277)Copy
CSS Var--color: #4F46E5;Copy
verified_user
100% Client-Side Privacy: All images, loupe magnification, and palette quantization run locally in your browser memory via the HTML5 Canvas API. Your pictures are never uploaded, stored, or transmitted to any server.
이미지 컬러 피커란?
사진이나 스크린샷, UI 디자인 시안 속 특정 지점의 색상을 스포이트로 정밀하게 찍어 HEX, RGB, HSL 등 개발 및 디자인 표준 코드로 변환해 주는 실시간 유틸리티입니다.
100% 브라우저 메모리 기반 프라이버시 보장
업로드한 이미지는 외부 서버로 전송되지 않습니다. 모든 이미지 렌더링과 돋보기 확대 기능은 사용자의 웹 브라우저 내부에서만 처리되므로 안심하고 사용하실 수 있습니다.
손쉬운 붙여넣기 지원
파일 드래그 앤 드롭뿐만 아니라 캡처 후 Ctrl+V(Mac은 Cmd+V)를 누르면 별도 저장 없이 바로 캔버스에 이미지가 로드됩니다.
관련 추천 도구
추출된 색상으로 멋진 색상 배색을 만들려면 팔레트 생성기를, 텍스트 가독성을 확인하려면 WCAG 명도 대비 검사기를 확인해 보세요.
지식 베이스 & FAQ
자주 묻는 질문 (FAQ)
자주 묻는 질문과 기술적 문제, 웹 표준에 대한 명확한 답변과 솔루션입니다.
이미지 속 특정 픽셀의 정확한 색상 코드를 어떻게 추출하나요?expand_more
이미지를 업로드하거나 클립보드에서 바로 붙여넣기(Ctrl+V)하세요. 마우스를 이미지 위에 올리면 8~16배 확대 돋보기 루페가 픽셀 격자를 보여줍니다. 원하는 픽셀을 클릭하면 HEX, RGB, HSL, CMYK 코드가 즉시 복사됩니다.
업로드한 디자인이나 개인 사진이 서버로 전송되나요?expand_more
절대 전송되지 않습니다. ColorKit은 100% 클라이언트 사이드 프라이버시 원칙으로 작동합니다. 모든 픽셀 처리와 확대 연산은 브라우저 메모리(HTML5 Canvas)에서만 로컬로 실행되므로 기밀 디자인 시안도 안전하게 분석할 수 있습니다.
이미지의 주요 색상(지배적인 색상) 팔레트는 어떻게 생성되나요?expand_more
메모리 내 색상 양자화(Color Quantization) 알고리즘이 수백만 개의 픽셀을 유사 색상 클러스터로 묶어 가장 많이 사용된 6~8가지 핵심 색상을 자동으로 추출해 조화로운 팔레트를 구성합니다.
지원되는 이미지 파일 포맷은 무엇인가요?expand_more
PNG, JPG, JPEG, WebP, GIF, SVG 등 모든 웹 표준 포맷을 지원하며, 캡처 도구로 복사한 스크린샷을
Ctrl+V(Mac은 Cmd+V)로 직접 붙여넣을 수 있습니다.