그라디언트 생성기
무료 CSS 그라디언트 생성기입니다. 선형, 방사형 및 원뿔형 그라디언트를 시각적으로 만드세요. CSS 또는 Tailwind 클래스를 즉시 복사하세요. 조정하면서 실시간 미리보기를 확인하세요.
Runs in your browserUpdated Apr 26, 2026
Gradient generator
CSS
background: linear-gradient(135deg, #3b82f6, #a855f7);css
Tailwind (approx)
bg-gradient-to-br from-[#3b82f6] to-[#a855f7]css
자주 묻는 질문
›What gradient types are supported?
Linear, radial and conic — all three CSS gradient types.
›Can I add color stops?
Yes — add as many color stops as you need with custom positions for fine-grained control.
›Does it output Tailwind?
Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).
›Is the generator free?
Yes — fully free, no signup, runs in your browser.