이미지 색상 변경 도구

언제 사용하나요?

브랜드 색상에 맞춰 이미지 톤을 통일하거나 배너 배경 이미지를 차분하게 바꿔야 할 때 사용합니다.

사용 방법

• 이미지를 선택합니다.
• 색상, 강도, 블렌드 방식을 선택합니다.
• 색상이 적용된 PNG를 다운로드합니다.

입력값 안내

원본 이미지와 오버레이 색상, 강도, blend mode를 입력합니다.

계산·변환 기준

Canvas globalCompositeOperation과 globalAlpha로 원본 위에 색상 레이어를 합성합니다.

사용 예시

• 이미지 톤 통일 - 색상 오버레이로 여러 이미지를 같은 분위기로 맞춥니다.
• 업로드 전 이미지 준비 - 작업 결과를 미리 확인한 뒤 블로그, 쇼핑몰, SNS에 올릴 이미지 파일을 정리합니다.
• 작업 결과 비교 - 원본과 결과 이미지를 나란히 확인하며 품질과 용량, 표시 상태를 점검합니다.

예시

• 여러 제품 사진에 같은 청록색 tint를 적용해 캠페인 톤 통일
• 제품 사진에 반투명 검정 틴트를 입혀 배너 배경으로 사용

주의사항

• 브라우저 캔버스를 이용해 이미지를 처리하므로 원본 메타데이터(EXIF)가 손실되거나 투명 영역 색상이 변할 수 있습니다.
• 브라우저 환경의 이미지 디코딩 용량 한계로 인해, 지나치게 해상도가 높은 대용량 원본 파일의 변환은 실패할 수 있습니다.

자주 묻는 질문

원본 색을 완전히 바꾸나요?

원본 위에 색상 레이어를 합성하는 방식입니다.

사진이 서버로 올라가나요?

아니요. 색상 합성은 브라우저 Canvas에서 처리되어 사진이 외부로 전송되지 않습니다.

틴트 강도를 조절할 수 있나요?

네. 오버레이 색상의 투명도를 조절해 은은한 톤 보정부터 진한 색감까지 적용할 수 있습니다.

저장 형식은 무엇인가요?

색을 입힌 결과는 PNG로 저장되며, 투명 영역이 있는 이미지도 투명도를 유지한 채 내려받을 수 있습니다.

관련 도구

• 이미지 워터마크 추가 - 이미지 위에 텍스트나 로고 워터마크를 위치와 투명도까지 조절해 추가합니다.
• 이미지 픽셀화 도구 - 이미지를 블록 단위로 처리해 픽셀아트 느낌으로 변환하고 PNG로 저장합니다.
• 이미지 색상 추출기 - 이미지 픽셀을 브라우저에서 분석해 주요 색상 HEX 코드를 추출합니다.
• 그라데이션 이미지 생성기 - 두 색상과 방향을 선택해 그라데이션 PNG 이미지를 생성합니다.
• 이미지 리사이즈 - 여러 이미지를 서버 업로드 없이 브라우저에서 비율을 유지하며 리사이즈합니다. JPEG·PNG·WebP 등을 지원하며 최대 가로·세로 픽셀을 지정하면 해상도가 일괄 축소됩니다.
• 이미지 크롭 - 픽셀 좌표를 입력해 이미지의 필요한 영역만 브라우저에서 잘라냅니다.