SVG 색상 치환
로컬 처리텍스트 SVG 내부 fill/stroke 교체
사용 방법과 처리 기준
텍스트 SVG 내부 fill/stroke 교체
도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.
현재 제한
- 최대 입력 길이 100,000자
아이콘 SVG의 색을 브랜드 색으로 바꿀 때 씁니다. 바꿀 색과 새 색을 고르면 소스에서 같은 색을 모두 찾아 바꾸고, "전부 바꾸기"를 켜면 소스에 적힌 HEX 색(#…)을 모두 새 색 하나로 통일합니다.
이 도구로 할 수 있는 일
- 특정 색 치환
- #FF0000과 #ff0000처럼 표기가 달라도 같은 색이면 바꿉니다.
- 전부 바꾸기
- 색을 가리지 않고 소스의 HEX 색(#…)을 모두 새 색으로 바꿉니다.
SVG 색상 치환 사용 방법
- 1SVG 붙여 넣기SVG 소스를 붙여 넣습니다.
- 2색 고르기바꿀 색과 새 색을 고릅니다.
- 3결과 복사바뀐 SVG 소스를 복사합니다.
활용 예시
빨강을 파랑으로
입력: <svg><rect fill="#ff0000" stroke="#FF0000"/></svg>, #ff0000 → #3366cc
결과: <svg><rect fill="#3366cc" stroke="#3366cc"/></svg>
이럴 때 유용해요
- 무료 아이콘의 색을 브랜드 색으로 바꿀 때
- 다크 모드용 아이콘 색을 만들 때
자주 묻는 질문 (FAQ)
CSS 클래스로 색을 준 SVG도 바뀌나요?
SVG 소스 안에 적힌 HEX 색 값을 바꾸므로 <style> 안의 색도 같은 값이면 바뀝니다. red 같은 색 이름과 외부 CSS 파일의 색은 바뀌지 않습니다.