tools
모든 도구

CSS 그라디언트 생성기

linear · radial 그라디언트를 시각적으로 만들고 CSS 코드를 복사.

미리보기
실시간으로 그라디언트를 확인하세요.
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
설정
타입과 방향을 조정합니다.
90°
색상 스톱
색과 위치(%)를 추가·삭제하세요.
%
%