글로벌 툴 허브
현재 언어: Korean

그라디언트 생성기

색상을 고르고 옵션을 조정해 브라우저에서 바로 CSS 그라디언트를 만드세요.

사용 방법

  1. 최소 두 가지 색상을 선택하세요.
  2. 선형 또는 원형 그라디언트 유형을 선택하세요.
  3. 선형을 선택했다면 각도를 조정하세요.
  4. 생성된 CSS를 복사해 프로젝트에 붙여넣으세요.
90°

실시간 미리보기

생성된 CSS

background: linear-gradient(90deg, #4f46e5, #06b6d4);

빠른 프리셋