이 도구 소개
CSS Gradient Generator이란 무엇인가요?
실시간 미리보기로 CSS 그라디언트를 만들어 보세요. 유형(선형, 방사형, 원뿔형)을 선택하고, 색상 정지점을 원하는 만큼 추가하고, 각도(방사형의 경우 위치)를 설정한 뒤 생성된 CSS를 복사하면 됩니다. 출력 결과는 모든 최신 브라우저를 지원하며, 구형 브라우저를 위해 벤더 접두사 대체 코드도 포함합니다.
디자이너들은 히어로 배경, 버튼 스타일, 브랜드 무드 탐색에 이 도구를 활용합니다. CSS, Tailwind 클래스 또는 SVG로 출력할 수 있습니다.
FAQ · CSS GRADIENT GENERATOR
CSS Gradient Generator에 대한 질문
어떤 그라디언트 유형을 지원하나요?
선형(가장 흔한 형태, 각도 기반), 방사형(원형 또는 타원형, 위치 지정 가능), 그리고 원뿔형(가장 새로운 형태로, 중심점을 기준으로 색을 휘감아 파이 차트 같은 디자인에 적합합니다). 모두 표준 CSS로 출력됩니다.
Tailwind로 내보낼 수 있나요?
네. 원본 CSS와 함께, 색상 정지점이 Tailwind의 명명된 팔레트와 일치하는 경우 생성기가 Tailwind 유틸리티 클래스(예: `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`)도 출력합니다.
무료인가요?
네. 회원가입이 필요 없으며 브라우저에서 바로 실행됩니다.