그라데이션 생성기
색상과 위치를 선택해 linear, radial, conic CSS 그라데이션을 미리보고 코드를 복사합니다.
업데이트: 2026-09-01
deg
스톱 위치는 작은 값부터 입력
색상 스톱은 2~6개이며 위치를 0~100% 범위에서 작은 값부터 넣으세요. linear는 진행 각도, conic은 시작 각도, radial은 원형·타원형을 정합니다. 복사한 함수는 CSS의 background-image 값으로 사용할 수 있습니다. 요소의 크기와 비율이 바뀌면 분포도 달라 보일 수 있으므로 글자를 올릴 위치의 실제 대비까지 확인하세요.
CSS 구문 참고
W3C CSS Images의 linear, radial, conic gradient 함수 구문으로 CSS 코드를 생성합니다.
이 도구가 도움이 되셨나요?
여러분의 의견은 더 유용한 도구를 만드는 데 도움이 됩니다.