CSS 그라디언트 생성기

그라디언트 유형

각도 (도)

모양

색상 중지점

CSS 출력

CSS 그라디언트란?

CSS 그라디언트를 사용하면 이미지 파일 없이 두 가지 이상의 색상 사이에서 부드러운 전환을 표시할 수 있습니다. 세 가지 유형이 있습니다: linear-gradient (직선 방향), radial-gradient (중심점에서 방사형), conic-gradient (중심점을 기준으로 회전). 그라디언트는 배경, 버튼, 오버레이, 장식 요소에 사용됩니다.

CSS 그라디언트 생성기 사용 방법

견본에서 프리셋을 선택하거나 직접 그라디언트를 구성하세요.
그라디언트 유형을 선택하세요: linear, radial 또는 conic.
각도(linear/conic용) 또는 모양(radial용)을 조정하세요.
색상 중지점을 편집하세요 — 색상과 위치(0–100%)를 변경합니다.
필요에 따라 색상 중지점을 추가하거나 제거하세요.
CSS를 복사하여 스타일시트에 붙여넣으세요.

Keywords: CSS 그라디언트 생성기, 선형 그라디언트, 방사형 그라디언트, 원뿔형 그라디언트, CSS 배경 생성기, 그라디언트 색상 선택기, CSS 그라디언트 도구