← ← 목록으로
🌈 그라디언트 생성기
CSS 그라디언트 생성 · Linear·Radial·Conic · Tailwind 코드 · 프리셋 10개
🌈 그라디언트 생성기란?
CSS 그라디언트를 시각적으로 만들고 코드를 복사하는 도구입니다. Linear·Radial·Conic 세 가지 타입과 최대 6개의 색상 포인트를 지원하며 Tailwind CSS 코드도 제공합니다.
주요 기능
- Linear·Radial·Conic 타입
- 색상 포인트 최대 6개
- 각도·방향 조절
- 실시간 미리보기
- CSS 코드 복사
- Tailwind CSS 코드 복사
- 프리셋 10개
- 랜덤 생성
- 패턴 오버레이
사용 방법
- 그라디언트 타입을 선택합니다
- 색상 포인트를 추가·조절합니다
- 방향과 각도를 설정합니다
- CSS 또는 Tailwind 코드를 복사합니다
활용 사례
- 웹사이트 배경 그라디언트
- 버튼·카드 배경
- 블로그 썸네일 배경
- UI 디자인 색상 탐색
자주 묻는 질문
Q. Tailwind 코드가 완전히 정확한가요?
Tailwind는 45도 단위 방향을 지원하므로 임의 각도는 근사값으로 제공됩니다.
Q. Conic 그라디언트는 모든 브라우저에서 지원되나요?
최신 브라우저(Chrome 69+, Firefox 83+, Safari 12.1+)에서 지원됩니다.
🔒 개인정보 보호
ToolZip의 모든 도구는 브라우저에서만 작동합니다. 파일이나 데이터가 외부 서버로 전송되지 않으며, 회원가입이나 로그인도 필요하지 않습니다. 완전히 무료로 사용할 수 있습니다.