이 CSS 그라데이션 생성기 소개
색상 스톱만 조정하면 CSS 그라데이션이 시각적으로 만들어집니다. linear-gradient와 radial-gradient를 모두 지원하며, 선형 그라데이션은 0~360°의 임의의 각도를 설정할 수 있습니다. 각 스톱은 색상 선택기와 위치(%)의 조합이고, 2~5개 범위에서 자유롭게 추가·삭제할 수 있으며 위치는 자동으로 정렬됩니다.
모든 변경 사항은 미리보기에 즉시 반영되고, 표준 CSS(예: background: linear-gradient(135deg, #6ea8fe 0%, #00e589 100%);)가 아래에 동시에 출력되므로 복사해 스타일시트에 붙여 넣기만 하면 됩니다. 계산은 전부 브라우저 안에서 끝나며 네트워크가 필요 없습니다.