그라데이션
최대 8개의 색상·위치로 그라데이션을 만들고 CSS·SVG·PNG를 저장합니다. 파일과 입력 내용은 서버에 전송되거나 저장되지 않습니다.
사용법
최대 8개의 색상·위치로 그라데이션을 만들고 CSS·SVG·PNG를 저장합니다.
지원 형식과 제한
Values / Images → SVG / PNG
모든 처리는 이 브라우저에서 끝납니다. 파일 형식과 기기 메모리에 따라 처리 범위가 제한됩니다.
위치 순으로 색상을 정렬하며 위치는 0~100%입니다.
그라데이션 이용 안내
사용 방법
- 각 색상과 위치 백분율을 정합니다.
- 방향을 정하고 색상을 추가·삭제하며 미리보기를 확인합니다.
- CSS를 복사하거나 SVG·PNG로 저장합니다.
사용 예
입력·설정
90° · #235c47 0% → #f6f7f3 100%
결과·확인
왼쪽→오른쪽 그라데이션 · CSS·SVG·PNG
확인 사항
- 위치 순으로 색상을 정렬하며 위치는 0~100%입니다.
- 0도는 위·90도는 오른쪽입니다. 내보내기 크기는 800×460입니다.