본문으로 건너뛰기
Toolars
둘러보기
버그 신고

이미지 · 로컬 유틸리티

이미지 색상 선택기

Image Color Picker

좌표 입력이나 미리보기 클릭으로 브라우저에서 디코딩한 이미지의 Canvas 픽셀 하나를 읽습니다. 주변 평균 없이 HEX를 복사하거나 rgba()를 포함한 값을 다운로드하세요.

작업 경로 / 입력에서 결과까지

이미지 선택

로컬에서 실행 · 업로드 없음

이미지 색상 선택기 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

정확한 픽셀에서 색을 추출하는 방법

  1. 01

    이미지 선택

    “파일 선택”을 눌러 최대 12 MiB의 PNG, JPEG, WebP를 여세요. 한 변은 최대 8,192픽셀, 총 24,000,000픽셀까지입니다. 이미지는 이 탭 안에서 열릴 뿐 업로드되지 않습니다.

  2. 02

    좌표 설정

    “픽셀 X”와 “픽셀 Y”에 정수 픽셀 값을 입력하세요. 왼쪽과 위쪽 가장자리는 0부터 시작합니다. 워크스페이스 팁처럼 원본 미리보기를 클릭하면 두 좌표를 한 번에 정할 수 있습니다.

  3. 03

    픽셀 읽기

    픽셀 선택을 누릅니다. 디코딩한 이미지의 지정 좌표를 1 × 1 Canvas에 그린 뒤 RGBA를 읽으며 주변 픽셀은 평균하지 않습니다. 브라우저 디코딩과 Canvas의 색 또는 알파 처리로 원본 파일의 인코딩 값과 달라질 수 있습니다. 범위를 벗어난 좌표는 그리기 전에 거부됩니다.

  4. 04

    색상 복사

    결과에는 샘플링한 Canvas 픽셀의 HEX, rgb(), rgba()가 표시됩니다. 색상 견본을 클릭하면 투명도가 빠진 HEX만 복사됩니다. rgba()와 다른 값을 보관하려면 텍스트 결과를 사용하거나 작은 텍스트 파일로 다운로드하세요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

이미지 색상 선택기 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

이미지 색상 선택기 도구가 실제로 하는 일

스크린샷 안에만 존재하는 색조에 버튼을 맞추고, 보고서용으로 차트 배경의 정확한 값을 뽑고, 두 브랜드 블루가 정말 한 단계만 다른지 확인하는 일. 픽셀 수준의 질문에는 픽셀 수준의 답이 필요합니다. 이미지 색상 선택기는 좌표를 로컬에서 읽으므로, 내부 대시보드나 미공개 페이지의 스크린샷이 기기를 떠나지 않습니다.

자주 묻는 질문

좌표 원점은 어디인가요?
픽셀 (0, 0)은 왼쪽 위이며 X는 오른쪽, Y는 아래쪽으로 증가합니다. 디코딩한 이미지의 너비와 높이보다 작은 음이 아닌 정수를 입력하세요. 잘못되거나 범위를 벗어난 좌표는 Canvas 샘플링 전에 거부됩니다. 오류는 문제를 설명하지만 숫자 한도를 항상 표시하지는 않습니다.
평균 낸 영역을 샘플링하나요?
주변을 평균하지 않고 브라우저에서 디코딩하고 방향을 정규화한 이미지의 한 좌표를 읽습니다. 화면에 보이는 픽셀 격자에서의 좌표는 정확하지만 RGBA 바이트가 원본 파일과 같다는 뜻은 아닙니다. 전체 이미지 요약에는 평균 색상 도구를 사용하세요.
rgba() 값의 알파는 무엇을 알려주나요?
alpha는 그 Canvas 픽셀의 불투명도로 rgba()에서 소수 셋째 자리까지 표시됩니다. 브라우저에서 디코딩하고 그린 뒤에는 원본 파일의 인코딩된 채널 값과 다를 수 있습니다. HEX와 rgb()에는 alpha가 없으므로 투명도가 중요하면 rgba()를 보고 대상 배경에서 미리 확인하세요.
미리보기 크기가 읽는 픽셀에 영향을 주나요?
아니요. 미리보기 클릭은 좌표 입력의 지름길일 뿐입니다. 클릭 위치는 소스 이미지 자체의 픽셀로 다시 매핑되고, 읽기는 그 정확한 소스 좌표에서 일어나요. 미리보기가 크든 작든 보고되는 RGBA 값은 같은 소스 픽셀입니다.
이미지가 어딘가에 업로드되나요?
아니에요. 렌더링과 픽셀 읽기는 현재 브라우저 탭 안에서만 실행되고 계정도 필요 없습니다. 워크스페이스를 초기화하면 이미지와 추출한 값이 버려져요.

함께 읽기

이미지 스튜디오 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

이미지 자르기

Image Cropper

PNG·JPEG·WebP 이미지를 정확한 픽셀 좌표와 자유·고정 비율로 잘라 PNG, JPEG, WebP로 내보냅니다.

편집

이미지 필터

Image Filters

밝기, 대비, 채도, 회색조, 세피아, 흐림 여섯 개 슬라이더로 사진을 보정하고 원본 크기 PNG로 내려받습니다.

편집

이미지 크기 조절

Image Resizer

이미지를 가로세로비 잠금과 정확한 픽셀 크기로 조절합니다. 한 장씩 또는 최대 12장까지 한 번에 ZIP으로 받습니다.

편집

이미지 평균 색상 찾기

Image Average Color Finder

이미지의 알파 인식 평균 색상을 계산해 HEX, rgb(), rgba()로 복사합니다. 투명 픽셀은 평균에 섞이지 않고 제외됩니다.

검사