핵심 요점
- 01모든 이미지의 모든 픽셀을 샘플링하여 한 번에 HEX, RGB, HSL 코드를 얻으세요.
- 02최대 20배 확대가 가능한 확대된 루페를 사용하면 로고나 아이콘에서 정확한 픽셀을 쉽게 잡을 수 있습니다.
- 03여러 선택으로 작은 팔레트를 만들 수 있으며 - 모든 것이 브라우저에서 비공개로 유지됩니다.
- 04무료, 가입 불필요, JPG, PNG, WebP, AVIF, GIF, BMP, HEIC를 지원합니다.
브라우저 기반 색상 선택기를 사용하는 이유는 무엇인가요?
디자이너, 개발자, 콘텐츠 크리에이터는 정기적으로 참조 이미지에서 색상을 일치시켜야 합니다 - 로고, 무드 보드, 클라이언트 사진 또는 스크린샷. 대부분의 운영 체제에는 기본 스포이드 도구가 있지만 실제 작업 흐름에서 색상 선택을 빠르게 만드는 확대, 다중 형식 출력 및 팔레트 구축이 부족합니다.
Handytool의 색상 선택기는 완전히 브라우저에서 실행되므로 설치, 계정, 서버로 전송되는 이미지가 필요하지 않습니다. 확대된 스포이드, 3가지 동시 색상 형식(HEX, RGB, HSL), 재사용 가능한 팔레트를 무료로 얻을 수 있습니다.
이미지에서 색상을 선택하는 방법
전체 프로세스는 1분 미만이 소요됩니다.
- 01
이미지 드롭 또는 열기
페이지에 이미지 파일을 드래그하거나 클릭하여 찾아보세요. JPG, PNG, WebP, AVIF, GIF, BMP, HEIC가 모두 지원됩니다 - iPhone의 HEIC 파일은 WebAssembly를 사용하여 로컬에서 디코딩됩니다.
- 02
대상 픽셀 위에 루페 위치
이미지 위로 커서를 이동합니다. 확대된 루페가 커서를 따라가므로 조밀하거나 작은 이미지에서도 개별 픽셀을 볼 수 있습니다. 확대는 로고 세부 사항과 아이콘 작업을 위해 20배까지 갑니다.
- 03
색상을 샘플링하려면 클릭
원하는 픽셀을 클릭합니다. HEX, RGB, HSL 값이 패널에 즉시 나타납니다.
- 04
필요한 형식 복사
형식 배지를 클릭하여 클립보드에 복사합니다. HEX는 CSS 준비, RGB는 인쇄 작업에 적합하며, HSL은 동일한 색상의 더 밝거나 어두운 변형을 디자인할 때 이상적입니다.
- 05
여러 선택으로 팔레트 만들기
이미지 주변을 계속 클릭하여 하단의 미니 팔레트에 견본을 추가합니다. 견본을 클릭하여 HEX를 복사하거나 x 버튼을 클릭하여 제거합니다.
어떤 색상 형식을 사용해야 하나요?
각 형식은 약간 다른 목적을 제공합니다.
- 01HEX(#B7FF3E) — 웹 CSS 및 Figma와 같은 디자인 도구에 대한 보편적 선택.
- 02RGB(183, 255, 62) — 인쇄 디자인, 색상 보정 및 일부 디자인 앱에서 선호됩니다.
- 03HSL(83°, 100%, 62%) — 색상 틴트, 음영 또는 색상 램프를 만들 때 최고.
- 04세 가지 형식 모두 동일한 색상을 나타냅니다 - 하위 도구가 예상하는 것을 복사하세요.
이미지는 기기를 떠나지 않습니다
색상 선택기는 완전히 클라이언트 측 도구입니다. 드롭한 모든 이미지는 브라우저의 Canvas API로 디코딩되고 모든 색상 계산은 로컬 JavaScript에서 수행됩니다. 데이터는 서버로 전송되지 않으며, 임시로도 기록되거나 저장되지 않습니다.
이는 기밀 목업, 클라이언트 아트워크 또는 미출시 제품 사진으로 안전하게 작업할 수 있다는 의미입니다. 탭을 닫으면 모든 것이 없어집니다. 업로드 걱정도 없고, 스크롤할 개인정보 보호 정책도 없습니다.
색상 선택기 FAQ
온라인 이미지에서 색상을 선택하려면 어떻게 하나요?
이미지를 Handytool 색상 선택기에 드롭하고, 원하는 픽셀 위에 마우스를 올리고, 클릭합니다. HEX, RGB, HSL 값이 즉시 나타나고 한 번의 클릭으로 복사할 수 있습니다.
온라인 색상 선택기는 어떤 이미지 형식을 지원하나요?
JPG, PNG, WebP, AVIF, GIF, BMP, HEIC/HEIF. iPhone의 HEIC 사진은 WebAssembly를 사용하여 로컬에서 디코딩되므로 변환이 필요하지 않습니다.
HEX, RGB, HSL의 차이는 무엇인가요?
HEX는 웹 CSS에서 일반적인 6자리 코드입니다. RGB는 색상을 0에서 255까지의 3개 숫자 값(빨강, 녹색, 파랑)으로 표현합니다. HSL은 색상, 채도, 밝기를 사용합니다 - 색상 램프를 생성할 때 유용합니다.
이미지가 서버에 업로드되나요?
아니요. 전체 도구는 브라우저에서 실행됩니다. 이미지는 시작부터 끝까지 기기에 머물러 있습니다 - 서버로 전송되는 것은 없습니다.
한 이미지에서 색상 팔레트를 저장할 수 있나요?
예. 각 클릭은 페이지 하단의 팔레트에 견본을 추가합니다. 견본을 클릭하여 HEX를 복사하거나 x를 클릭하여 제거합니다. 팔레트는 탭을 닫으면 손실됩니다 - 떠나기 전에 코드를 복사하세요.
색상 선택기는 무료인가요?
예. Handytool은 완전 무료이며 가입, 사용 제한, 워터마크가 없습니다.