그라디언트 → CSS이란?

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

사용 방법

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

결과

석양 그라디언트를 시도해 보세요: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — 히어로 섹션 배경으로 좋습니다.

관련 도구