그라디언트 생성기
그라디언트를 만들고 깔끔한 CSS로 내보내기
실시간 미리보기와 함께 선형, 원형, 원뿔형 그라디언트를 구성한 다음, CSS를 복사하거나 Tailwind 값을 얻거나 SVG를 다운로드하세요.
유형
90°
색상 중지점
CSS
무작위 프리셋
FAQ
그라디언트 생성기 질문
어떤 유형의 그라디언트를 만들 수 있나요?
선형, 원형, 원뿔형 CSS 그라디언트입니다. 색상 중지점을 추가, 제거, 재정렬하고 트랙을 따라 드래그하며, 실시간 컨트롤로 각도나 위치를 조정하세요.
그라디언트를 어떻게 내보내나요?
생성된 CSS 배경(linear-gradient, radial-gradient 또는 conic-gradient), 그에 맞는 Tailwind 임의 값(arbitrary value)을 복사하거나 SVG로 다운로드하세요.
추출한 팔레트에서 시작할 수 있나요?
네. 팔레트 생성기 페이지에서 팔레트를 생성한 다음, HEX 코드를 그라디언트 중지점에 붙여넣어 몇 초 만에 어울리는 그라디언트를 만드세요.
투명도를 지원하나요?
각 중지점이 알파 값을 받아들이므로 그라디언트를 따라 어디서든 색상을 투명으로 페이드할 수 있습니다.