CSS Gradient Generator
선형, 방사형 그라데이션을 시각적으로 설계하고 즉시 CSS 코드를 추출하세요.
LIVE PREVIEW
⚙️ Settings
🎁 Presets
🎨 Color Stops
CSS Code
background: linear-gradient(135deg, #667eea 0%, #764ba2
100%);
📖 사용 방법
- Gradient Type: 선형(Linear)은 특정 각도 방향으로, 방사형(Radial)은 중심에서 바깥쪽으로 퍼지는 효과를 줍니다.
- Color Stops: 컬러칩을 클릭하여 색상을 변경하고, 우측의 숫자를 조절하여 색상이 시작되는 지점(%)을 설정할 수 있습니다.
- Add/Remove: 최대 10개까지 컬러 스톱을 추가하여 복잡하고 화려한 멀티 그라데이션을 만들 수 있습니다.
- Presets: 검증된 프리미엄 그라데이션 조합을 클릭 한 번으로 적용해 보세요.