콘텐츠로 건너뛰기

🌈 CSS 그라디언트 생성기

linear / radial / conic 그라디언트를 시각적으로 편집. 컬러 스톱 추가 / 삭제 후 CSS 코드 복사.

✅ 완전 무료 · 가입 불필요 · 서버 전송 없음

🔒 개인정보 보호

컬러 스톱

프리셋

📖 사용법

  1. 1
    종류 선택
    linear / radial / conic 중 선택.
  2. 2
    컬러 스톱 편집
    색상과 위치 조정. 추가 / 삭제 가능.
  3. 3
    CSS 복사
    생성된 CSS를 background에 붙여넣기.

❓ 자주 묻는 질문

데이터가 서버로 전송됩니까?
아니요. 모두 브라우저 내에서 처리됩니다.
브라우저 지원은?
linear / radial 모든 최신 브라우저. conic는 Chrome 69+ 등.
컬러 스톱은 몇 개까지?
제한 없음. 실용상 2 ~ 10개.