CSS 그라디언트 생성기
실시간 미리보기에서 색상, 각도, 그라디언트 유형을 선택해 선형 또는 방사형 CSS 그라디언트를 디자인한 다음, 정확한 background-image CSS 코드를 바로 복사할 수 있습니다 — 색상 정지점 비율을 일일이 추측할 필요가 없습니다.
디자인·CSS 도구 브라우저에서 완전히 실행
모든 처리는 사용자의 기기에서 이루어지며, 서버로는 아무것도 전송되지 않습니다.
0%
100%
CSS 코드
background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);