그라디언트 생성기

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

그라디언트 설정

CSS 코드

미리보기

인기 그라디언트

사용법

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