디자인/색상

그라데이션 생성기 무료 | CSS linear-gradient 코드 만들기

두 가지 색상과 각도만 선택하면 바로 쓸 수 있는 CSS 그라데이션 코드를 생성합니다.

CSS 코드

background: linear-gradient(120deg, #3B82F6 0%, #10B981 100%);

사용 방법

  1. 시작 색상과 끝 색상을 선택합니다.
  2. 각도를 조정합니다.
  3. 생성된 CSS 코드를 복사해 사용합니다.

이 도구가 필요한 순간

랜딩 페이지 배경이나 버튼 강조색을 빠르게 테스트하고 코드까지 바로 반영할 수 있습니다.