색상 피커 및 추출기 – 무료 온라인 도구

무료 온라인 색상 추출기로 클릭 한 번에 사진에서 원하는 색상을 선택할 수 있습니다 — 설치할 소프트웨어도, 계정도 필요 없습니다. 이미지를 업로드하고 마우스를 올려 확대한 다음, 원하는 픽셀을 클릭하면 HEX, RGB, HSL, HSV 값을 즉시 확인할 수 있습니다. 이후 선택한 색상으로 전체 색상 팔레트를 생성할 수 있습니다. 결과물은 언제든지 다운로드할 수 있습니다.

사진에서 색상 선택하는 방법

주요 기능

• 네 가지 색상 형식 – 값 필드를 한 번만 클릭하면 선택한 색상을 HEX, RGB, HSL, HSV로 확인하고 복사할 수 있습니다.
• 픽셀 단위 정밀 돋보기 – 원형 확대 렌즈가 커서를 따라다니며 원하는 픽셀을 정확히 짚어낼 수 있습니다.
• 8가지 팔레트 유형 – 유사색, 보색, 삼각 배색, 사각 배색, 분할 보색, 단색, 쉐이드, 틴트 팔레트를 스와치 3–10개로 생성할 수 있습니다.
• 내보내기 옵션 – 팔레트의 모든 HEX 코드를 한 번에 복사하거나, PNG 스와치 스트립을 다운로드하거나, 팔레트를 CSS 사용자 지정 속성으로 내보낼 수 있습니다 (:root 변수).
• 저장된 색상 – 원하는 색상을 브라우저에 저장되는 개인 저장 색상 패널에 북마크할 수 있으며, 언제든지 삭제할 수 있습니다.
• HEIC 지원 – iPhone에서 촬영한 HEIC/HEIF 형식 사진은 색상 선택 전에 자동으로 변환됩니다.
• 브라우저에서 완전히 작동 – 사진이 서버에 업로드되지 않습니다.
• 무료 및 무제한 – 가입도, 워터마크도, 제한도 없습니다.

색상 추출기란 무엇입니까?

색상 추출기(또는 이미지 색상 피커)는 사진 속 특정 픽셀의 정확한 색상을 읽어 디자인과 개발에서 사용하는 표준 색상 코드로 변환해 주는 도구입니다. 색상을 눈대중으로 짐작하거나 값을 직접 입력하는 대신, 원하는 지점을 클릭하기만 하면 도구가 대신 변환해 줍니다 — 화면에 표시되는 원시 RGB 값부터 그래픽 디자인 작업에서 사용하는 HSL, HSV 표현까지 모두 처리합니다.

색상 팔레트 생성기는 여기서 한 단계 더 나아갑니다: 기준 색상을 선택하면 색채 이론을 적용하여 CSS, Figma 등 어떤 디자인 도구에도 바로 사용할 수 있는 조화로운 색상 조합을 만들어 줍니다.

일반적인 활용 사례

• 브랜드 색상 추출 – 로고나 브랜드 사진에서 정확한 HEX 코드를 추출하여 웹사이트나 디자인 시스템 전반에 일관되게 사용할 수 있습니다.
• 웹 및 UI 디자인 – 제품 이미지나 히어로 사진에 색상을 맞춰 레이아웃에 통일감을 줄 수 있습니다.
• 팔레트 생성 – 하나의 기준 색상에서 시작하여 프로젝트에 사용할 보색 또는 유사색 배색을 완성할 수 있습니다.
• 인쇄 및 일러스트레이션 – 물감을 섞거나 인쇄 프로파일을 설정하기 전에 참고 사진에서 정확한 RGB 값을 추출할 수 있습니다.
• CSS 테마 설정 – 팔레트 변수를 :root 블록으로 바로 내보내 스타일시트에 사용할 수 있습니다.

자주 묻는 질문