CSS Gradient 생성기

아름다운 CSS 그라데이션을 시각적으로 만들고 코드를 복사하세요

그라데이션 설정

미리보기

CSS 코드

background: linear-gradient(to bottom, #667eea 0%, #764ba2 100%);

프리셋 그라데이션

Purple Dream

Pink Sunset

Ocean Blue

Fresh Mint

사용 팁

이렇게 사용하세요
  • 웹사이트 배경 디자인
  • 버튼이나 카드의 시각적 효과
  • 히어로 섹션 배경
알아두세요
  • 모든 모던 브라우저에서 지원됩니다
  • 색상 포인트는 최대 10개까지 추가 가능
  • 프리셋을 클릭하면 즉시 적용됩니다
Instagram Twitter Facebook Threads YouTube Naver Blog Pinterest