사용 방법
Chrome·Edge에서는 화면 색상 선택 버튼을 누른 뒤 원하는 픽셀을 클릭하세요. 다른 브라우저에서는 이미지를 업로드하거나 붙여 넣고 마우스를 움직여 현재 위치의 색상을 확인한 뒤 클릭해 저장합니다. 선택한 색상은 팔레트와 글자 대비 검사에도 바로 사용할 수 있습니다.
🖌️
화면 컬러 피커·이미지 색상 추출기
화면이나 이미지의 마우스 위치에서 정확한 색상을 골라 HEX·RGB·HSL 코드로 확인하고 복사하세요.
SCREEN EYEDROPPER
화면에서 바로 색상 선택
버튼을 누른 뒤 화면 어디든 클릭하세요. 브라우저 밖의 픽셀도 선택할 수 있어요.
이미지에서 마우스 위치 색상 찾기
이미지를 올린 뒤 원하는 위치에 마우스를 움직이거나 탭하세요. 클릭한 색상은 아래에 저장돼요.
색상 코드
빠른 조합 팔레트
최근 선택 색상
글자 대비 검사
선택한 색상을 글자색이나 배경색으로 적용해 WCAG 대비를 확인하세요.
이 글자가 배경 위에서 잘 보이나요?
Aa 123
CONTRAST RATIO
15.21:1
일반 글자 AA✓ 통과큰 글자 AA✓ 통과
🔒 이미지와 선택 기록은 서버로 전송되지 않고 현재 브라우저에서만 처리돼요.
도구 안내
이럴 때 사용하세요
내용 검토 · 2026-07-28
웹페이지, 디자인 시안, 사진이나 화면에서 정확한 한 픽셀의 색상을 찾아 HEX·RGB·HSL·HSV 코드로 확인할 때 사용합니다.
사용 전 확인
화면 컬러 피커는 HTTPS와 사용자 클릭이 필요하며 브라우저에 따라 지원되지 않을 수 있습니다. 모니터 색상 프로필, 밝기와 캡처 과정에 따라 실제 인쇄 색상과 화면 표시가 다를 수 있습니다.
데이터 처리
입력과 파일은 이 브라우저 안에서 처리하며 작업을 위해 서버에 업로드하지 않습니다.