CSS 그라데이션 생성기
색상과 방향(각도), 원하는 개수의 색상 정지점을 골라 선형·방사형·원뿔형 그라데이션을 만듭니다. 미리보기가 실시간으로 갱신되며, 생성된 CSS 선언을 복사할 수 있습니다.
90°
0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);사용 방법
- 그라데이션 종류를 고르고 색상 정지점을 추가합니다.
- 각도와 정지점 위치를 조정합니다.
- 생성된 CSS를 복사합니다.
자주 묻는 질문
- 선형·방사형·원뿔형의 차이는 무엇인가요?
- 선형은 직선 각도를 따라 이동하고, 방사형은 중심점에서 바깥으로 퍼지며, 원뿔형은 색상환처럼 중심점을 중심으로 돌아갑니다.
- 색상 정지점은 몇 개까지 추가할 수 있나요?
- 각각 고유한 색상과 위치를 가진 정지점을 최대 10개까지 추가할 수 있습니다.
개인정보 처리
그라데이션은 브라우저에서 생성되며 서버로 전송되지 않습니다.