CSS 도구
CSS 그라디언트 생성기
색상, 방향, 유형을 자유롭게 설정하고
CSS 그라디언트 코드를 바로 복사하세요
Linear (선형)
Radial (원형)
🎨
색상 설정
+ 색상 추가 (최대 3개)
🧭
방향 설정
프리셋 방향
→
오른쪽
←
왼쪽
↓
아래
↑
위
↘
우하단
↙
좌하단
↗
우상단
↖
좌상단
각도
135°
🎯
원형 설정
모양
원형 (Circle)
타원형 (Ellipse)
중심 위치
좌상단
상단
우상단
좌측
중앙
우측
좌하단
하단
우하단
👁️
미리보기
📋
CSS 코드
📋 CSS 복사
📄 전체 코드 복사
💬 카카오톡 공유
✨
인기 프리셋