화면 색상 추출 및 변환
컬러 피커 & 스포이트
EyeDropper API를 사용해 화면의 모든 색상을 정확하게 추출하세요. HEX, RGB, HSL, HSV, CMYK 색 공간 변환과 WCAG 2.1 접근성 명암비를 즉시 제공합니다.
화면 스포이트 기능은 크롬 및 엣지 브라우저를 지원합니다. 모든 변환 및 명암비 계산은 100% 브라우저 로컬에서 안전하게 실행됩니다.
현재 브라우저는 EyeDropper API를 지원하지 않습니다. 색상 패널을 이용하세요.
#3B82F6
Luminance: 0.235
색 공간 수치 및 복사
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSV / HSBhsv(217, 76%, 96%)
CMYK (印刷)cmyk(76%, 47%, 0%, 4%)
WCAG 2.1 접근성 명암비
흰색 배경 (#FFFFFF) 기준3.68 : 1
AA (≥4.5:1) 미달AAA (≥7:1) 미달
검은색 배경 (#000000) 기준5.71 : 1
AA (≥4.5:1) 통과AAA (≥7:1) 미달
색상 조화 및 추천 팔레트
보색 (180°)
#3B82F6#F6AF3C
유사색 (±30°)
#523CF6#3CE0F6
삼색 조화 (120°)
#F63C83#83F63C
단색 명암 스펙트럼
🛡️100% 브라우저 로컬 연산 · 외부 전송 없음 · 안전한 색상 분석
처리 방식과 제한
색 공간 변환 메커니즘과 WCAG 접근성 기준
디지털 디스플레이의 표준인 sRGB 좌표계를 극좌표 기반의 HSL/HSV와 인쇄용 CMYK 감산혼합 모델로 정밀하게 변환합니다.
WCAG 2.1 명암비는 sRGB를 선형 상대 휘도로 변환한 뒤 순수 흑색 및 백색과의 대비율을 계산하여 AA(4.5:1 이상) 및 AAA(7:1 이상) 달성 여부를 평가합니다.
상대 휘도 L = 0.2126*R + 0.7152*G + 0.0722*B；명암비 = (L1 + 0.05) / (L2 + 0.05)。
자주 묻는 질문
컬러 피커 & 스포이트 · 자주 묻는 질문
스포이트 기능이 작동하는 브라우저는 무엇인가요?
Chrome 95 이상 및 Microsoft Edge 95 이상의 Chromium 데스크톱 브라우저를 지원합니다. Safari나 Firefox에서는 대화형 컬러 패널을 이용하실 수 있습니다.
화면 데이터가 서버로 전송되지 않나요?
전혀 전송되지 않습니다. EyeDropper는 브라우저 내부 샌드박스에서 실행되며 클릭한 1개 픽셀의 색상 코드만 전달됩니다.
CMYK 값을 상업 인쇄에 참고할 수 있나요?
기본적인 감산혼합 기준 변환값을 제공하므로 디자인 및 색상 가이드 작성에 적합합니다.