다플 로고다플 도구모음
🌈
CSS

Gradient 생성기

멀티 컬러 스탑, 각도, 타입을 자유롭게 조절해 나만의 그라디언트를 만드세요.

linear-gradient · 135°

타입

방향 / 각도

°

컬러 스탑

0%
100%

CSS 코드

background
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
background-image
background-image: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Tailwind CSS
bg-gradient-to-br from-[#6366f1] to-[#ec4899]

프리셋

공유하기

공유하기