🏠 홈
🎨 디자인 도구
🇰🇷 한국어
🇺🇸 English
🌈 CSS 그라디언트 생성기
실시간 미리보기로 아름다운 그라디언트를 만들어보세요!
그라디언트 유형
선형
원형
방향
45° (왼쪽 아래 → 오른쪽 위)
90° (아래 → 위)
135° (오른쪽 아래 → 왼쪽 위)
180° (오른쪽 → 왼쪽)
225° (오른쪽 위 → 왼쪽 아래)
270° (위 → 아래)
315° (왼쪽 위 → 오른쪽 아래)
0° (왼쪽 → 오른쪽)
색상
+ 색상 추가
×
×
빠른 프리셋
석양
바다
숲
불꽃
보라
민트
CSS 코드
📋 복사
background: linear-gradient(45deg, #ff6b81, #81d4fa);