디자인
기기에서 처리 · 업로드 없음
무료 CSS 그라디언트 생성기
선형 및 방사형 CSS 그라디언트를 시각적으로 만들고, 즉시 미리 보고, 생성된 CSS 코드를 복사하세요.
CSS 그라데이션 생성기는 각도를 자유롭게 조절할 수 있는 선형 또는 방사형 CSS 그라데이션을 최대 3개의 색상 정지점으로 만듭니다. 실시간 미리보기와 한 번 클릭으로 생성된 CSS 규칙 복사 지원. Sunset, Ocean, Purple Glow, Soft Gray 등 프리셋과 방향 단축키 포함. 모든 처리는 브라우저 안에서 — 업로드도 가입도 필요 없음. FreeToolHub 제작.
그라디언트 유형
각도
deg
색상 정지점
미리보기
CSS 출력
background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
빠른 프리셋
웹사이트, 버튼, 배경 및 UI 요소를 위한 아름다운 CSS 그라디언트를 만드세요.
자주 묻는 질문
CSS 그라디언트란 무엇인가요?
CSS 그라디언트는 이미지 파일 없이 CSS만으로 정의된 두 개 이상의 색상 간의 부드러운 전환입니다. 그라디언트는 모든 요소에 배경으로 적용할 수 있습니다.
선형과 방사형 그라디언트의 차이점은 무엇인가요?
선형 그라디언트는 지정된 각도의 직선을 따라 색상을 전환합니다. 방사형 그라디언트는 중심점에서 원형 또는 타원형으로 바깥쪽을 향해 색상을 전환합니다.
생성된 CSS를 복사할 수 있나요?
예. 'CSS 복사'를 클릭하면 CSS 스니펫만 클립보드에 복사됩니다. 스타일시트에 직접 붙여넣을 수 있습니다.
색상 정지점을 몇 개 사용할 수 있나요?
이 생성기는 최대 3개의 색상 정지점을 지원합니다. 각 정지점에는 0 %에서 100 % 사이의 색상과 위치가 있습니다.
이 도구는 설정을 저장하나요?
아니요. 모든 그라디언트 설정은 브라우저 세션에 로컬로 저장됩니다. 아무것도 저장되거나 서버로 전송되지 않습니다.
이 생성기는 무료인가요?
예. CSS 그라디언트 생성기는 가입 없이 제한 없이 완전 무료입니다.