색상 피커

스와치에서 색을 고르거나 EyeDropper API로 화면에서 바로 뽑습니다 — hex, RGB, HSL이 클릭 한 번에 복사됩니다. 설치도 가입도 필요 없습니다.

#0071e3

rgb(0, 113, 227)

hsl(210, 100%, 45%)

Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.

이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.

사용 방법

1색 스와치를 클릭해 색을 고르거나, 지원되면 화면에서 뽑기를 쓰기.
2미리 보기 아래의 hex, RGB, HSL 값을 확인하기.
3필요한 형식 옆의 복사를 클릭하기.

색상 피커

스와치를 클릭해 시각적으로 색을 만들거나 — Chromium 브라우저라면 — 화면에서 뽑기로 이미 표시된 픽셀을 샘플링하세요. 고른 값이 hex, rgb(), hsl()로 동시에 나타나며 각자 복사 버튼이 붙습니다.

샘플링은 브라우저 내장 EyeDropper API를 쓰고 픽셀을 로컬에서 읽습니다. 아무것도 기록, 업로드, 저장되지 않습니다. API가 없는 브라우저에서도 스와치 입력으로 모든 기능이 유지됩니다.

자주 묻는 질문

‘화면에서 뽑기’가 안 보이는 이유는?

EyeDropper API는 현재 Chromium 계열 브라우저(Chrome, Edge, Brave, Opera)에서만 제공됩니다. Firefox와 Safari는 아직 노출하지 않아 그 브라우저에서는 스와치 입력만 보입니다 — 나머지 기능은 똑같이 작동합니다.

hex, RGB, HSL의 차이는 무엇인가요?

같은 색을 세 가지 방식으로 말하는 것입니다. hex는 빨강-초록-파랑을 #RRGGBB로 담아 CSS와 디자인 도구에 쓰고, rgb()는 세 채널을 숫자로 말하며, hsl()은 색상·채도·명도로 표현해 팔레트와 호버 상태를 손으로 만들기에 편합니다.

화면 샘플링은 비공개인가요?

네. EyeDropper API는 시스템 피커를 띄우고 클릭한 단일 픽셀만 돌려 줍니다. 읽기는 브라우저 안에서 일어나며 스크린샷, 이력, 값 중 무엇도 전송되거나 저장되지 않습니다.

관련 도구

생활 전체 도구 →

도구 삽입

한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.

<iframe src="https://zoyku.com/ko/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>

100% local processing

색상 피커

사용 방법

색상 피커

자주 묻는 질문

관련 도구

색상 변환기

QR 코드 생성기

바코드 생성기

화면비 계산기

도구 삽입