CSS 그라데이션 생성기

최대 여섯 개의 색상 지점입니다.

그라데이션을 만들고 CSS 배경 코드를 복사하거나 최대 3840×2160 이미지로 다운로드하세요.

무료 · 회원가입 없음 · 워터마크 없음

사용 방법

선형 그라데이션은 각도를 따라 진행하고(90°는 왼쪽에서 오른쪽), 원형 그라데이션은 중심점에서 퍼져 나가며, 원뿔형 그라데이션은 색상환처럼 중심을 돌며 쓸어 갑니다. CSS 코드는 모든 최신 브라우저에서 작동합니다.

PNG 다운로드는 캔버스에 같은 그라데이션을 그린 것이므로 배경화면, 슬라이드 배경, SNS 이미지로 사용할 수 있습니다. 색상이 매우 비슷한 그라데이션은 8비트 이미지에서 약간의 색 띠가 보일 수 있습니다.

CSS를 Tailwind나 다른 프레임워크에서 사용할 수 있나요?

네. 임의의 배경 값으로 사용하거나 직접 작성한 CSS에 사용하세요.

그라데이션에 몇 가지 색을 쓸 수 있나요?

최대 여섯 개의 색상 지점입니다.

PNG는 자유롭게 사용할 수 있나요?

네. 직접 만든 것이므로 워터마크도 라이선스 제한도 없습니다.