그라디언트 → CSS이란?

시각적 그래디언트 빌더로 여러 색상 정지점이 있는 선형, 방사형, 원뿔형 그래디언트를 디자인하고 정확한 CSS 코드를 복사할 수 있습니다. 라이브 미리보기로 각도, 위치, 색상을 조정하세요. 직접 코딩할 필요가 없습니다.

사용 방법

1. 그래디언트 유형(선형, 방사형 또는 원뿔형)을 선택하고 방향 또는 각도를 설정하세요.
2. 그래디언트 바를 클릭하거나 색상 선택기를 사용하여 색상 정지점을 추가, 제거 또는 조정하세요.
3. 생성된 CSS 코드를 복사하여 스타일시트에 바로 사용하세요.

결과

선셋 그래디언트를 만들어 보세요: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — 히어로 섹션 배경으로 완벽합니다.

관련 도구