어떤 그라데이션 유형을 지원하나요?

선형(linear), 방사형(radial), 원뿔형(conic) 그라데이션을 지원합니다.

CSS 코드를 바로 복사할 수 있나요?

네, 생성된 CSS gradient 코드를 원클릭으로 복사하여 바로 웹사이트에 적용할 수 있습니다.

CSS 그라데이션 생성 무료 온라인 도구. 선형·원형 그라데이션, 방향·색상·정지점 조절. 코드 복사 가능. 브라우저 처리.

CSS 그라데이션을 생성하는 무료 온라인 도구입니다. 선형, 방사형, 원뿔형 그라데이션을 시각적으로 디자인하고 CSS 코드를 즉시 복사할 수 있습니다. 브라우저에서 직접 처리되며 서버 전송이 없습니다. 웹 디자인 배경, 버튼, UI 요소에 최적입니다.

유형

각도

90°

색상

100%

CSS 코드

background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);

lock 파일이 서버로 전송되지 않습니다