CSS 그라데이션 생성기

시각적 편집기로 CSS 그라데이션 생성

그라데이션 타입

각도

0° 360°

색상

CSS 코드

프리셋

CSS 그라데이션 생성기 소개

시각적 편집기로 CSS 그라데이션을 쉽게 만드는 무료 온라인 도구입니다. linear-gradient, radial-gradient를 실시간 미리보기로 확인하고 CSS 코드를 바로 복사할 수 있습니다.

CSS 그라데이션 생성기 사용법

  1. 시작 색상과 끝 색상을 선택합니다
  2. 그라데이션 방향을 설정합니다
  3. 미리보기를 확인합니다
  4. CSS 코드를 복사합니다

꿀팁

  • • 웹사이트 배경, 버튼 디자인에 활용하세요
  • • 여러 색상을 추가해서 복잡한 그라데이션도 가능합니다
Getin.kr에 없는 도구가 필요하시면 로 알려주세요. 구현 가능한 도구는 만들어드립니다!

자주 묻는 질문

linear-gradient와 radial-gradient의 차이는?
linear는 직선 방향, radial은 중심에서 퍼져나가는 원형 그라데이션입니다.
색상을 3개 이상 추가할 수 있나요?
네, 원하는 만큼 색상 정지점을 추가하여 복잡한 그라데이션을 만들 수 있습니다.
구형 브라우저도 지원하나요?
Webkit, Moz 등 벤더 프리픽스가 포함된 코드도 함께 생성됩니다.