그라데이션 생성기
시각적으로 그라데이션을 만들고 CSS 코드를 생성하세요
설정
%
%
프리셋
미리보기
CSS 코드
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
다양한 모양 미리보기
Aa
그라데이션 생성기
CSS 그라데이션 생성
사용법
색상과 방향을 선택하면 CSS 그라데이션 코드를 실시간 미리보기와 함께 생성합니다. 선형·원형 그라데이션과 다중 색상 정지점을 지원합니다.
주요 기능
- 선형/원형 그라데이션
- 다중 색상 정지점
- 실시간 미리보기
- CSS 코드 복사