이미지 색상 추출기
좌표를 입력해 이미지의 픽셀 하나에서 정확한 색상을 읽거나 직사각형 영역의 평균 색상을 확인하세요. 도구는 EXIF 회전을 적용한 뒤의 좌표를 사용해 HEX, RGB 및 HSL 값과 알파 수준을 반환하므로 좌표가 화면에 보이는 이미지와 일치합니다. 브랜드 색상을 맞추는 디자이너, 시안에서 값을 추출하는 개발자, 스크린샷의 색상을 확인하는 사용자에게 유용합니다.
자주 묻는 질문
좌표는 어떻게 사용하나요?
X은 왼쪽 가장자리부터, Y는 위쪽 가장자리부터 픽셀 수를 세며, 두 값 모두 0부터 시작합니다. 왼쪽 위 픽셀은 0, 0이고, 1920×1080 이미지의 오른쪽 아래 픽셀은 1919, 1079입니다. 좌표는 EXIF 방향을 적용해 표시된 이미지 기준으로 측정합니다.
영역의 평균 색상을 구하려면 어떻게 하나요?
너비와 높이를 각각 1보다 크게 입력하세요. 도구는 X와 Y에서 시작해 오른쪽과 아래쪽으로 확장되는 직사각형의 모든 픽셀을 평균냅니다. 직사각형 전체가 이미지 안에 있어야 합니다.
어떤 색상 형식을 반환하나요?
색상은 HEX 코드, 0부터 255까지의 RGB 값, 그리고 색조는 도 단위, 채도와 명도는 백분율로 표시하는 HSL 값으로 제공됩니다. 알파 값의 범위는 완전히 투명한 0부터 완전히 불투명한 1까지입니다.
영역에서 투명도는 어떻게 처리하나요?
각 픽셀은 불투명도에 비례해 반영되므로 투명한 픽셀이 색상을 검은색 쪽으로 끌어당기지 않습니다. 표시되는 알파 값은 영역의 평균 불투명도입니다. 영역이 완전히 투명하면 알파 값 0과 함께 검은색을 표시합니다.
픽셀 좌표를 어떻게 찾나요?
대부분의 이미지 편집기와 스크린샷 도구는 커서 위치를 픽셀 단위로 표시합니다. 먼저 이미지 정보 도구로 이미지 크기를 확인하면 X과 Y의 유효 범위를 알 수 있습니다.
어떤 형식을 지원하나요?
최대 5 MB이며 각 변이 최대 4000픽셀인 JPEG, PNG, GIF, WebP, TIFF 및 AVIF 이미지를 지원합니다. 애니메이션 이미지는 첫 번째 프레임을 읽습니다.
편집기에서 보는 색상과 다른 이유는 무엇인가요?
색상을 읽기 전에 이미지를 sRGB로 변환하므로 Display P3 또는 CMYK 프로필이 있는 사진은 sRGB에 해당하는 값으로 표시됩니다. 파일 자체의 색 공간으로 값을 표시하거나 기본적으로 더 넓은 영역을 샘플링하는 편집기에서는 약간 다른 값이 표시됩니다. JPEG 압축도 인접한 픽셀 간에 약간의 차이를 만듭니다.
이미지 범위를 벗어난 좌표를 입력하면 어떻게 되나요?
색상 대신 이미지 크기를 포함한 메시지를 반환합니다. X과 Y에는 0부터 3999까지의 정수를 입력할 수 있고, 너비와 높이에는 1부터 4000까지 입력할 수 있습니다.
한 번에 여러 색상을 추출할 수 있나요?
요청 하나로 한 지점 또는 한 영역의 색상을 읽습니다. 이미지 전체의 주요 색상을 확인하려면 각 색상의 비중과 함께 팔레트를 반환하는 이미지 주요 색상 도구를 사용하세요.
16비트 이미지에서도 정확한 색상을 얻을 수 있나요?
16비트 PNG 및 TIFF 파일은 읽기 전에 채널당 8비트로 줄어들므로, CSS 및 디자인 도구에서 사용하는 일반적인 0~255 범위로 값이 표시됩니다. 각 값은 가장 가까운 8비트 수준으로 반올림되므로, 브라우저에 표시되는 것과 동일한 16진수 코드가 나옵니다.