원본 좌표에서 한 픽셀을 읽습니다
미리보기가 작게 표시돼도 색상은 원본 캔버스에서 읽습니다. 좌표는 왼쪽 위가 0,0이며 오른쪽 아래는 너비−1, 높이−1입니다. 브라우저의 이미지 디코딩과 색상 관리 결과를 기준으로 합니다.
디자인
색상 추출기
픽셀을 선택해 HEX·RGB·알파 값을 확인하고 팔레트를 만듭니다.
파일은 이 브라우저에서 처리됩니다.파일을 놓거나 선택하세요. 이미지 붙여넣기도 가능합니다.
JPG · PNG · WebP / 40MB · 1,600만 픽셀 이하 / 애니메이션·회전 메타데이터 제외미리보기
파일을 선택해 시작하세요.
결과
사용 방법
-
색을 확인할 이미지 선택
파일을 불러오면 왼쪽 위 픽셀의 색부터 표시됩니다. 투명 영역은 알파가 0으로 나옵니다.
-
픽셀과 색상 확인
이미지를 누르거나 X·Y를 입력하세요. 캔버스에 포커스를 둔 상태에서 방향키로 1px, Shift+방향키로 10px씩 움직일 수 있습니다.
-
색 모아 팔레트 저장
팔레트에 추가를 눌러 색을 모으고 결과를 만듭니다. JSON과 CSS를 받을 수 있으며, 복사는 현재 픽셀의 HEX 알파 값을 복사합니다.
도구 설명
HEX와 투명도
복사값은 #RRGGBBAA 형식입니다. 끝 두 자리는 알파이며 FF는 불투명, 00은 투명입니다. RGBA 값도 함께 표시합니다. 완전 투명 픽셀의 RGB는 디코딩 과정에서 0이 될 수 있어 숨겨진 색 복구에 쓸 수 없습니다.
현재 지원 범위
- JPG · PNG · WebP / 40MB · 1,600만 픽셀 이하 / 애니메이션·회전 메타데이터 제외
- 크기는 양의 정수여야 하며, 한 변 8,192px·1,600만 픽셀 이하여야 합니다.
- 팔레트 최대 32색. 같은 색과 알파 값은 중복 추가하지 않습니다.
- 대표 색상을 자동으로 추출하거나 CMYK·인쇄 색을 계산하지 않습니다.
- 브라우저와 원본 색상 프로파일에 따라 다른 프로그램과 값이 다를 수 있습니다.
자주 묻는 질문
회색 체크무늬의 색을 읽나요?
아니요. 체크무늬는 투명 배경 표시일 뿐이며 원본 픽셀과 알파를 읽습니다.
복사가 안 되면요?
브라우저가 클립보드 접근을 막으면 안내가 나옵니다. 표시된 HEX 입력란의 값을 직접 선택해 복사할 수 있습니다.
투명 픽셀이 검정으로 표시되는 이유는요?
알파 0에서는 RGB가 보이지 않으며, 캔버스가 그 값을 0으로 정리할 수 있습니다. 검은 배경을 뜻하지 않습니다.