디자인
CSS 그라데이션 생성기
아름다운 CSS 그라데이션을 즉시 생성하세요. 원클릭으로 코드를 복사합니다.
입력
그라디언트 종류, 색상, 각도, 프리셋을 설정하세요.
135°
프리셋
프리셋으로 시작한 뒤 색상과 각도를 세부 조정하세요.
출력
background: linear-gradient(135deg, #6366f1, #ec4899);자주 묻는 질문
어떤 그래디언트를 만들 수 있나요?
linear, radial, conic 등 주요 CSS 그래디언트 유형을 생성할 수 있습니다.
생성한 코드는 어떻게 적용하나요?
background 또는 background-image 속성에 붙여 넣으면 바로 적용됩니다.
브라우저마다 다르게 보일 수 있나요?
색 공간/렌더링 차이로 미세한 차이는 가능하지만 최신 브라우저는 표준 문법을 폭넓게 지원합니다.