design
무료
회원가입 불필요
다중 정지점 색상 그라데이션 선택기
드래그 앤 드롭 정지점으로 아름다운 다중 정지점 CSS 그라데이션을 시각적으로 만드세요.
도구를 불러오는 중…
이 도구에 대해
최대 10개의 색상 정지점으로 선형 또는 방사형 그라데이션을 만들고, 미리보기 바를 따라 정지점을 드래그하여 재배치하고, 즉시 CSS 출력을 얻으세요. 그라데이션을 CSS 속성, SVG 그라데이션 요소로 내보내거나 채워진 PNG 사각형을 다운로드하세요. 즉각적인 영감을 위해 20개의 큐레이션된 프리셋 중에서 선택하세요.
사용 방법
- 1 1단계: 그라데이션 유형(선형 또는 방사형)을 선택하고 선형 그라데이션의 각도를 설정하세요.
- 2 2단계: '정지점 추가'를 클릭하여 색상 정지점을 추가한 후 색상을 선택하고 위치를 설정하세요.
- 3 3단계: 그라데이션 바를 따라 정지점을 드래그하여 위치를 세밀하게 조정하세요.
- 4 4단계: CSS 출력을 복사하거나 내보내기 버튼을 사용하여 SVG / PNG로 내보내세요.