CSS 그라디언트 생성기
시각적으로 그라디언트를 만들고 CSS 코드를 복사하세요. 선형/방사형 모드와 프리셋을 지원합니다.
135°
0°360°
%
%
CSS
background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
프리셋 갤러리
CSS 그라디언트 생성기 안내
이 무료 온라인 CSS 그라디언트 생성기로 아름다운 선형/방사형 그라디언트를 시각적으로 만들 수 있습니다. 색상 정지점을 자유롭게 추가하고, 각도와 방향을 조절한 후 CSS 코드를 복사하세요.
기능
- 선형(linear) 및 방사형(radial) 그라디언트 지원
- 색상 정지점 무제한 추가/제거
- 12+ 프리셋 그라디언트 갤러리
- 원클릭 CSS 코드 복사
- 실시간 미리보기
Related Tools
🎨Color Picker
HEX, RGB, HSL converter🎨Color Palette
Color harmony generator✏️SVG Editor
Edit & optimize SVG🔲Box Shadow
CSS box-shadow builder