CSS 그라데이션 생성기 — 선형, 원형, 원뿔형
드래그할 수 있는 색상 정지점, 각도 다이얼, 프리셋으로 선형·원형·원뿔형 CSS 그라데이션을 만드세요. CSS나 Tailwind 클래스를 바로 복사. 무료.
색상 정지점클릭해서 추가 · 드래그해서 이동
CSS
background: #fa69c3; background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);
Tailwind
bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]
프리셋
관련 도구
형식 참고 자료
도구 페이지 업데이트: