이미지 색상 추출기: 클릭 한 번으로 픽셀 색상 코드 확인

이미지를 업로드하고 마우스를 올려 실시간으로 픽셀 색상을 미리보세요. 클릭 한 번으로 색상을 고정하고 HEX, RGB, HSL 코드를 손쉽게 복사할 수 있습니다. 정밀한 픽셀 돋보기와 조화로운 배색 추천 기능도 함께 제공됩니다.

실시간 미리보기 클릭하여 색상 고정 HEX / RGB / HSL 픽셀 돋보기 · 추천 배색 팔레트

이미지를 클릭하여 선택하거나 여기로 드래그하세요

JPG, PNG, WebP, BMP 및 GIF(첫 번째 프레임) 지원

왜 QQWQ.NET 이미지 색상 추출기를 사용해야 할까요?

빠르고 정확하며, 브라우저에서 100% 로컬로 작동하는 전문 색상 추출 도구입니다.

모든 색상 추출 작업은 브라우저의 HTML5 Canvas에서 직접 처리됩니다. 미공개 디자인이나 기밀 이미지 파일이 외부 서버로 유출될 걱정이 전혀 없습니다.

마우스 커서 이동에 맞춰 실시간으로 색상을 확인하고, 원하는 톤을 클릭 한 번으로 고정하세요. 내장된 픽셀 돋보기로 얇은 테두리나 미세한 그라데이션도 오차 없이 추출할 수 있습니다.

HEX, RGB, HSL 코드를 원클릭으로 복사할 수 있습니다. 색상을 선택하면 보색, 유사색, 삼분색 등 전문적인 배색 조합을 자동으로 추천해 디자인 작업을 돕습니다.

이미지 색상 추출, 색상 코드 변환 및 보안에 관한 질문과 답변입니다.

이미지가 서버로 업로드되나요?

절대 업로드되지 않습니다. 사용자의 이미지는 브라우저의 File API를 통해 로컬에서 읽혀 Canvas 요소에 직접 렌더링됩니다. 색상 데이터는 getImageData를 통해 기기 내부에서만 추출되며 네트워크를 통한 데이터 전송은 일체 발생하지 않습니다.

색상 추출의 정확도는 어느 정도인가요? 포토샵 등의 그래픽 툴과 약간 다른 이유는 무엇인가요?

본 도구는 모니터 화면에 실제 렌더링된 정확한 픽셀 값을 추출합니다. 포토샵이나 일러스트레이터 등 전문 소프트웨어와 미세한 차이가 발생한다면 디스플레이 색 공간(예: sRGB vs Display P3 / Adobe RGB) 프로필 설정 차이 때문입니다.

추천 배색은 어떤 원리로 계산되나요?

추천 배색은 표준 HSL 색상환의 각도를 기준으로 자동 계산됩니다: 보색(+180°), 유사색(±30°), 삼분색(±120°), 분할 보색(+150°/+210°). 웹 디자인이나 UI 팔레트 제작 시 안정적이고 조화로운 컬러 구성을 돕습니다.

움직이는 GIF 이미지도 지원하나요?

현재 애니메이션 GIF는 첫 번째 프레임을 기준으로 렌더링되어 색상을 추출합니다. 특정 재생 구간의 색상을 추출하려면 해당 장면을 캡처하거나 단일 이미지로 저장한 후 업로드해 주세요.

추출한 색상 기록이 저장되나요?

네, 최근 선택한 색상은 브라우저의 localStorage에 자동 저장됩니다. 페이지를 새로고침하거나 나중에 다시 방문해도 유지되며, 언제든 '지우기' 버튼을 눌러 기록을 삭제할 수 있습니다.