화면 색상 선택기
스크린샷을 놓고 커서를 움직이면 모든 픽셀의 정확한 색이 HEX, RGB, HSL로 갱신됩니다.
이미지 불러오는 중…
아직 이미지가 없습니다
현재 색상
커서가 이미지 위에 있는 동안 따라갑니다. 클릭하면 아래 목록에 고정됩니다.
HEX
—RGB
—HSL
—고른 색상
아직 고정한 색이 없습니다. 이미지에서 픽셀을 클릭하세요.
사용 방법
- 이미지를 불러오세요. 끌어다 놓거나 ⌘V / Ctrl+V로 스크린샷을 붙여 넣거나 파일을 선택하거나 “예시 불러오기”를 누르세요.
- 이미지 위로 커서를 움직이면 HEX, RGB, HSL이 실시간 갱신되고 데스크톱에서는 11 × 11 픽셀 확대경이 표시됩니다.
- 픽셀을 클릭하거나 탭해 아래 고른 목록에 고정한 뒤 아무 값이나 원클릭으로 복사하세요.
- 브라우저가 지원하면 “화면에서 선택”을 눌러 이미지를 불러오지 않고 화면 어디서나 색을 읽을 수 있습니다.
- 키보드: 이미지에 포커스한 뒤 화살표 키로 샘플 지점을 움직이고(Shift를 누르면 더 빠르게) Enter로 색을 고정하세요.
- “지우기”를 누르면 이미지, 판독값, 목록이 초기화됩니다.
예시
예시 이미지
ykit-sample.png 1200 × 800 · 색상 블록 여섯 개, 그라데이션, 투명 영역 하나
판독값
#1E5FBF rgb(30, 95, 191) hsl(216, 73%, 43%) 계열: 파랑 · 위치 240, 180
판독값은 축소된 미리보기가 아니라 커서 아래의 원본 픽셀에서 나옵니다. 완전히 투명한 픽셀은 #000000을 보여 주지 않고 색이 없다고 알립니다.
규칙, 제한 및 알려진 문제
- 계열 이름은 색상과 명도에 기반한 거친 분류일 뿐 정확한 색상 이름이 아닙니다.
- 완전히 투명한 픽셀에는 색이 없으며 #000000을 보여 주지 않고 그 사실을 알립니다. 부분적으로 투명한 픽셀은 자체 RGB를 유지하고 알파 백분율을 표시합니다.
- 값은 원본 픽셀에서 오지만 미리보기는 화면에 맞게 축소됩니다. 가장자리의 앤티앨리어싱은 색을 섞으므로 윤곽선보다 도형 안쪽을 샘플링하세요.
- 화면 선택은 브라우저의 EyeDropper 지원과 사용자 제스처가 필요합니다. 지원하지 않으면 버튼이 숨겨지므로 스크린샷을 찍어 붙여 넣으세요.
- 한 번에 이미지 하나, 최대 20 MB, 16메가픽셀입니다. 더 큰 파일은 조용히 느려지지 않고 미리 거부합니다.
- 사진은 화이트 밸런스, 압축, 화면 보정의 영향을 받습니다. 고른 값은 파일과 일치할 뿐 실제 사물과 반드시 같지는 않습니다.
- 대표 팔레트, 형식 변환, 이미지 편집, 화면 눈금자는 없습니다. 별도 도구이며 아래에 링크되어 있습니다.
관련 도구
값을 얻은 뒤 할 일입니다.