화면 색상 선택기

스크린샷을 놓고 커서를 움직이면 모든 픽셀의 정확한 색이 HEX, RGB, HSL로 갱신됩니다.

아직 이미지가 없습니다

이미지를 끌어다 놓거나 ⌘V / Ctrl+V로 스크린샷을 붙여 넣거나 파일을 선택하세요.

PNG, JPG, WebP, GIF, BMP — 최대 20 MB, 16메가픽셀.

모든 처리는 브라우저에서 이루어집니다. 이미지는 메모리에서 읽히며 절대 업로드되지 않습니다.

브라우저가 지원하면 “화면에서 선택”으로 이미지를 불러오지 않고 화면의 색을 바로 읽을 수 있습니다. 버튼이 없으면 스크린샷을 찍어 붙여 넣으세요.

고른 색상

아직 고정한 색이 없습니다. 이미지에서 픽셀을 클릭하세요.

사용 방법

  1. 이미지를 불러오세요. 끌어다 놓거나 ⌘V / Ctrl+V로 스크린샷을 붙여 넣거나 파일을 선택하거나 “예시 불러오기”를 누르세요.
  2. 이미지 위로 커서를 움직이면 HEX, RGB, HSL이 실시간 갱신되고 데스크톱에서는 11 × 11 픽셀 확대경이 표시됩니다.
  3. 픽셀을 클릭하거나 탭해 아래 고른 목록에 고정한 뒤 아무 값이나 원클릭으로 복사하세요.
  4. 브라우저가 지원하면 “화면에서 선택”을 눌러 이미지를 불러오지 않고 화면 어디서나 색을 읽을 수 있습니다.
  5. 키보드: 이미지에 포커스한 뒤 화살표 키로 샘플 지점을 움직이고(Shift를 누르면 더 빠르게) Enter로 색을 고정하세요.
  6. “지우기”를 누르면 이미지, 판독값, 목록이 초기화됩니다.

예시

예시 이미지

ykit-sample.png
1200 × 800 · 색상 블록 여섯 개, 그라데이션, 투명 영역 하나

판독값

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
계열: 파랑 · 위치 240, 180

판독값은 축소된 미리보기가 아니라 커서 아래의 원본 픽셀에서 나옵니다. 완전히 투명한 픽셀은 #000000을 보여 주지 않고 색이 없다고 알립니다.

규칙, 제한 및 알려진 문제

  • 계열 이름은 색상과 명도에 기반한 거친 분류일 뿐 정확한 색상 이름이 아닙니다.
  • 완전히 투명한 픽셀에는 색이 없으며 #000000을 보여 주지 않고 그 사실을 알립니다. 부분적으로 투명한 픽셀은 자체 RGB를 유지하고 알파 백분율을 표시합니다.
  • 값은 원본 픽셀에서 오지만 미리보기는 화면에 맞게 축소됩니다. 가장자리의 앤티앨리어싱은 색을 섞으므로 윤곽선보다 도형 안쪽을 샘플링하세요.
  • 화면 선택은 브라우저의 EyeDropper 지원과 사용자 제스처가 필요합니다. 지원하지 않으면 버튼이 숨겨지므로 스크린샷을 찍어 붙여 넣으세요.
  • 한 번에 이미지 하나, 최대 20 MB, 16메가픽셀입니다. 더 큰 파일은 조용히 느려지지 않고 미리 거부합니다.
  • 사진은 화이트 밸런스, 압축, 화면 보정의 영향을 받습니다. 고른 값은 파일과 일치할 뿐 실제 사물과 반드시 같지는 않습니다.
  • 대표 팔레트, 형식 변환, 이미지 편집, 화면 눈금자는 없습니다. 별도 도구이며 아래에 링크되어 있습니다.

값을 얻은 뒤 할 일입니다.