CSS 그라데이션 생성기

linear·radial 그라데이션을 미리보고 CSS를 복사합니다.

background: linear-gradient(135deg, #7c5cff 0%, #14b8a6 100%);

linear와 radial

색상 2~3개, 각도(또는 radial 형태)를 고르면 background CSS가 생성됩니다.

  • linear: 90deg는 위→아래
  • radial: circle at center가 카드·버튼에 흔함

단색·조화색은 컬러 팔레트를 활용하세요.