본문으로 건너뛰기
eyunzhu

이미지 색상 추출

클릭으로 색 추출 · HEX / RGB / HSL · 팔레트

이미지를 업로드하지 않아요

파일

0 · 0 개 선택됨

선택한 이미지가 없습니다.

이미지 또는 ZIP 파일을 여기에 놓으세요 이미지를 붙여넣거나 여러 장을 한 번에 선택할 수도 있습니다.
JPEG · PNG · WEBP · AVIF

처리 설정

고급 설정
내보내기 설정
신분증 사진 구도기기 내 감지는 구도만 제안하며, 내보내기 전 직접 조정할 수 있습니다.

이 이미지의 구도가 아직 확인되지 않았습니다.

신분증 사진 배경필요할 때만 기기에서 인물을 분리하며 원본은 전송되지 않습니다.
처리 대상
형식
이미지 크기
미리 정한 크기주요 플랫폼 권장 크기

여러 규격을 선택하면 이미지마다 각 규격의 결과를 만듭니다.

아이콘 안전 여백12%
아이콘 배경

하나의 구도로 Favicon, PWA 및 일반 앱 아이콘 크기와 manifest를 생성합니다.

자르기 영역선택 영역을 드래그해 위치와 크기를 조정하세요
회전
품질88%
이미지 크기
이미지 위치
방향별 여백px
배경
분할 방식
배치
정렬
고급 설정
밝기 히스토그램
워터마크 이미지

위치

고급 설정
배경 제거 모드
이미지 확대Real-ESRGAN · 2×

이미지에서 색상 선택

정렬
메타데이터 작업
스캔 효과

각 점을 문서 모서리로 끌어 놓으세요. 화살표 키로 미세 조정할 수 있습니다.

품질
프레임 범위마지막 프레임을 비우면 끝까지 처리합니다.

Base64는 데이터가 커집니다. 브라우저 메모리를 보호하기 위해 입력 크기를 제한합니다.

이미지를 선택하면 결과가 표시됩니다

다음 작업 선택

이미지는 이 브라우저 안에서만 임시로 전달되며 서버에 업로드되지 않습니다.

계속 처리할 이미지
이미지 일괄 처리처리 단계 구성 · 여러 이미지 일괄 처리 이미지 자르기비율 자르기 · 기울기 보정 · 이미지별 구도 이미지 분할격자로 나누기 · 긴 이미지 분할 · 안내선 지정 이미지 이어 붙이기가로 이어 붙이기 · 세로 이어 붙이기 · 격자 배치 이미지 크기 조절픽셀·비율 지정 · 맞춤 방식 · 여러 크기로 저장 이미지 캔버스 확장여백 추가 · 캔버스 크기 · 배경 선택 소셜 미디어 이미지 크기 변환플랫폼별 크기 · 구도 안내선 · 일괄 저장 이미지 압축자동 압축 · 파일 크기 지정 · 원본 비교 이미지 형식 변환선택 즉시 변환 · 여러 형식 · 일괄 다운로드 이미지·Base64 변환이미지와 Base64 변환 · 실시간 미리보기 · 복사 이미지 편집회전·뒤집기 · 색상 조정 · 실행 취소와 다시 실행 이미지 워터마크 추가글자·이미지 워터마크 · 드래그 배치 · 반복 배치 얼굴 및 개인정보 가리기얼굴 감지 · 직접 영역 지정 · 여러 이미지 처리 이미지 색상 조정노출과 색상 · 히스토그램 · 실시간 미리보기 이미지 색상 바꾸기색 선택 · 허용 범위와 가장자리 · 실시간 바꾸기 이미지 비교슬라이더 비교 · 나란히 보기 · 픽셀 차이 이미지 메타데이터 확인 및 삭제이미지 정보 · 개인정보 확인 · 메타데이터 제거 중복 이미지 찾기폴더 불러오기 · 완전히 같은 파일 · 비슷한 이미지 여러 이미지로 GIF 만들기이미지로 GIF 만들기 · 프레임별 시간 · 순서 변경 GIF 프레임 추출프레임 범위 · 추출 간격 · 일괄 다운로드 움직이는 GIF 편집프레임 순서와 시간 · 역재생 · 자르기·크기 조정 GIF 압축색상 수 줄이기 · 프레임 줄이기 · 크기 조정 GIF를 스프라이트 시트로 변환프레임 격자 배치 · 좌표 파일 이미지를 PDF로 변환이미지 순서 · 페이지 설정 · PDF로 합치기 파비콘·앱 아이콘 생성웹·앱 아이콘 · 안전 여백 · 여러 크기로 저장 이미지 플레이스홀더 생성BlurHash · ThumbHash · 작은 미리보기 이미지 스프라이트 시트 만들기이미지 배치 · 간격 설정 · CSS와 좌표 기기에서 이미지 배경 제거인물·일반 이미지 배경 제거 · 가장자리 조정 · 배경 교체 이미지 문자 인식(OCR)문자 인식 · 영역 선택 · 텍스트 저장 문서 사진 스캐너네 모서리 보정 · 문서 선명도 · 여러 페이지 PDF 이미지 확대기기에서 AI 확대 · 가로세로 2배 · 세부 보정 증명사진 만들기사진 규격 · 구도 조정 · 배경 처리 중국 여권 사진사진 규격 · 구도 조정 · 배경 처리 중국 주민신분증 사진사진 규격 · 구도 조정 · 배경 처리 중국 교사 자격시험 사진사진 규격 · 구도 조정 · 배경 처리 중국 공무원 시험 사진사진 규격 · 구도 조정 · 배경 처리 후베이 사회보장카드 사진사진 규격 · 구도 조정 · 배경 처리 미국 비자 사진사진 규격 · 구도 조정 · 배경 처리 일본 비자 사진사진 규격 · 구도 조정 · 배경 처리

도구 소개

버튼 색에는 정확한 픽셀값이, 사진 분위기에는 대표 팔레트가 유용합니다. 서로 다른 측정 결과이므로 작업 목적에 맞춰 선택하세요.

사용 방법

이미지 색상 추출

이 도구로 할 수 있는 일

픽셀을 눌러 색상값과 투명도를 읽고 대표색과 비율을 확인하세요. CSS와 디자인에 쓸 HEX, RGB, HSL을 복사할 수 있습니다.

사용 방법

픽셀을 눌러 HEX, RGB, HSL, 알파를 읽고 샘플 위치를 옮겨 주변 색을 확인합니다. 대표 색과 비율도 제공되어 CSS와 디자인 시스템에 쓸 수 있습니다.

결과 확인 및 다음 작업

주요 결과는 필요한 미리보기와 복사할 값을 포함한 구조화 보고서입니다. 로컬 파일을 삭제하거나 덮어쓰지 않습니다.

개인정보 보호와 로컬 처리

처리는 브라우저에서 진행되며 이 도구는 원본 이미지를 업로드하지 않습니다.

자주 묻는 질문

대표색 비율은 모든 원본 색의 정확한 개수인가요?

아닙니다. 클릭은 해당 픽셀의 HEX·RGB·HSL과 알파를 읽습니다. 팔레트는 최대 약 80,000픽셀을 샘플링하고 비슷한 색을 묶으며 거의 투명한 픽셀을 제외합니다. 전체 색의 정밀 감사용은 아닙니다.

복사한 HEX, RGB, HSL 값에는 투명도도 포함되나요?

복사 값은 색상 채널만 포함하며 알파 값은 별도로 표시됩니다. 반투명 픽셀을 CSS에서 사용할 때는 알파도 따로 지정하세요. 브랜드 색을 고를 때는 글자의 부드러운 가장자리나 그림자를 피하고 불투명한 단색 영역을 찍습니다.

댓글

0
하여 토론에 참여하세요.
아직 댓글이 없습니다.
답글 대화

전체 대화를 시간순으로 확인합니다. 각 답글에는 답변 대상 메시지가 표시됩니다.