그라디언트 생성기

아름다운 CSS 그라디언트를 생성하고 미리보기할 수 있습니다.

그라디언트 설정

CSS 코드

미리보기

인기 그라디언트

사용법

  1. 시작 색상과 끝 색상을 컬러 피커나 직접 입력으로 선택하세요.
  2. 그라디언트 방향을 8가지 옵션 중에서 선택하세요.
  3. 미리보기에서 실시간으로 결과를 확인할 수 있습니다.
  4. CSS 코드를 복사하여 웹사이트에 적용하세요.
  5. PNG 파일로 다운로드하여 이미지로도 사용할 수 있습니다.
  6. 인기 그라디언트 프리셋을 클릭하여 빠르게 적용할 수 있습니다.

그라디언트 생성기 소개

아름다운 CSS 그라디언트를 생성하고 미리보기할 수 있습니다. 별도 설치나 회원가입 없이 브라우저에서 바로 사용할 수 있습니다.

관련 키워드: 그라디언트, CSS, 배경, 디자인

함께 쓰기 좋은 디자인 도구 도구