화면 색상 추출기(스포이트)

이 스포이트는 브라우저에 내장된 EyeDropper API로 화면의 어떤 픽셀이든(다른 앱, 사진, 동영상 프레임, 웹 페이지) 색을 집어 줍니다. HEX 코드와 함께 RGB, HSL, HSV, OKLCH, 가장 가까운 CSS 색상 이름을 알려 줍니다. 아무것도 업로드되지 않으며, 브라우저는 사용자가 클릭한 색 하나만 페이지에 전달합니다.

사용 방법

1. "스포이트 열기"를 켠 채로 계산하기 버튼을 누릅니다(입력란에서 Enter를 누르면 입력한 색을 대신 변환합니다).
2. 돋보기를 원하는 픽셀 위로 옮겨 클릭합니다(Esc로 취소).
3. 결과에서 HEX, RGB, HSL 값을 복사합니다.
4. 브라우저에 스포이트가 없나요? 체크를 끄고 색을 입력하거나 붙여 넣어 변환하세요.

계산식

브라우저는 픽셀을 sRGB HEX(#rrggbb)로 돌려줍니다. HSL과 HSV는 표준 RGB 공식으로, OKLCH는 선형 sRGB에서 OKLab 행렬을 거쳐 구하며, 가장 가까운 이름은 CIEDE2000 차이가 가장 작은 색입니다.

광색역(Display P3) 화면에서는 브라우저가 집은 픽셀을 sRGB로 변환하므로, 아주 선명한 색은 채도가 조금 낮게 나올 수 있습니다.

예시

흔한 "로그인" 버튼의 파란색을 집으면 #2563EB, rgb(37, 99, 235), hsl(221.2, 83.2%, 53.3%)가 나올 수 있으며, 가장 가까운 CSS 이름은 royalblue입니다. 비슷하지만 같은 색은 아닙니다.