SVG 그라데이션 생성기

여러 색상 정지점으로 선형·원형 SVG 그라데이션을 몇 초 만에 내보냅니다.

작업 공간

°
px
px
팁: 다운로드한 SVG 코드를 편집해 언제든 너비·높이를 바꿀 수 있습니다.
%
%
프리셋(클릭하여 적용):

결과

Other tools you may like

웹·디자인용 SVG 그라데이션을 만듭니다. 여러 색상 정지점, 각도, 크기로 선형·원형 그라데이션을 구성할 수 있습니다.

모든 처리는 브라우저에서 이루어지며 파일 서버로 업로드되지 않습니다.

전체 절차가 필요하면 튜토리얼을 읽어 보세요: SVG 그라데이션 배경 만드는 방법

사용 방법

  • 선형 또는 원형 그라데이션 유형을 선택합니다.
  • 선형 모드에서는 각도로 방향을 조정합니다.
  • 색상 정지점을 추가하거나 제거합니다.
  • 각 정지점의 백분율 위치를 조정합니다.
  • 출력 너비와 높이를 설정합니다.
  • 생성된 SVG 파일을 다운로드합니다.

참고:

  • SVG는 벡터 형식이라 확대·축소해도 품질이 떨어지지 않습니다.
  • 다운로드한 SVG는 웹 페이지와 디자인 도구에서 사용할 수 있습니다.
  • 색상 정지점은 최소 2개 이상 필요합니다.
  • 최대 출력 크기 5000px × 5000px입니다.