CSS 그라데이션 생성기
선형·원형 그라데이션을 눈으로 보며 만들고, 그대로 쓸 수 있는 CSS를 복사하거나 PNG 이미지로 내려받습니다.
📖
사용 방법
유형(선형/원형)과 각도를 고릅니다
색상 정지점의 색과 위치를 조절하거나 ‘＋ 색상 추가’로 늘립니다
아래 CSS를 복사하거나 PNG로 내려받습니다
유형
선형(linear)
원형(radial)
각도
90°
＋ 색상 추가
🎲 랜덤
📋 CSS 복사
⬇️ PNG 내려받기
생성된
background
값을 그대로 CSS에 붙여 넣으면 됩니다. PNG는 1200×600 크기로 저장됩니다. 모든 처리는 브라우저에서 이루어집니다.