온라인 그라데이션 배경 생성기

소프트웨어 사용 설명

1. 그라데이션 유형 설정: 선형 그라데이션, 방사형 그라데이션 또는 원뿔형 그라데이션을 선택합니다. 선형은 배너와 웹페이지 배경에 적합하고, 방사형은 중심에서 퍼지는 효과에 적합하며, 원뿔형은 링, 컬러 휠 및 장식 패턴에 적합합니다.
2. 방향과 형태 조정:
   • 선형 그라데이션: 방향 버튼을 사용할 수 있으며, 각도 슬라이더로 0-360도 방향을 설정할 수도 있습니다.
   • 방사형 그라데이션: 원형 또는 타원형, 확산 범위, 중심점 X/Y 위치를 설정할 수 있습니다.
   • 원뿔형 그라데이션: 시작 각도와 중심점 위치를 설정할 수 있습니다.
3. 색상 노드 구성: 색상 선택기, HEX 입력란, 위치 백분율 및 투명도 매개변수로 각 색상 노드를 제어합니다. 색상을 추가, 삭제, 정렬, 반전할 수 있으며, 노드를 한 번에 균등 분포할 수도 있습니다.
4. 효과 옵션 사용: 반복 그라데이션, 소프트 라이트 레이어, 비네팅 및 미세 텍스처를 켜서 배경을 웹페이지 첫 화면, 카드, 포스터 및 디자인 소재에 더 적합하게 만들 수 있습니다.
5. 복사 및 내보내기: “코드 내보내기”에서 CSS 클래스명, 선언만 또는 CSS 변수 모드를 선택해 CSS 코드를 복사할 수 있으며, PNG, JPG, SVG, CSS 파일 및 ZIP 리소스 패키지도 내보낼 수 있습니다.
6. 저장 및 공유: “저장 공유”에서 현재 설정을 저장하고 공유 링크를 생성하거나, 기존 CSS 그라데이션 코드를 붙여넣어 도구에서 불러온 뒤 계속 편집할 수 있습니다.

자주 묻는 질문