CSS 그라디언트 생성기
선형·방사형 CSS 그라디언트를 시각적으로 만들고 CSS 복사 — 업로드 없음.
CSS 출력
CSS 그라디언트 배경을 시각적으로 생성
색상 정지점을 추가하고 각도를 조정하며 선형·방사형 모드를 전환하세요. 미리보기와 CSS 출력이 즉시 업데이트됩니다. background 속성을 한 번에 복사하세요. 모두 로컬에서 동작 — 업로드 없음.
색상 정지점에 선택적 퍼센트 위치를 지정할 수 있습니다. 비워 두면 브라우저가 균등 배분합니다. 각도를 조정해 선형 그라디언트를 0~360도 회전하세요.
자주 묻는 질문
선형과 방사형의 차이는? 선형은 직선 방향으로 색을 전환하고, 방사형은 중심에서 원형으로 퍼집니다.
명명된 색상이나 rgba 사용 가능한가요? 네 — 유효한 CSS 색상 값이면 모두 사용할 수 있습니다.