🌈

그라디언트 생성기

CSS 그라디언트 코드를 실시간으로 생성하고 미리보기

유형

방향

각도 직접:

135°

색상 정지점

생성된 CSS 코드

background: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);

전체 속성 (background-image)도 함께 제공됩니다

background-image: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);

💡 생성한 색상으로 팔레트를 만들어 보려면 팔레트 생성기를 이용하세요.

자주 묻는 질문

네, 선형(linear) 및 방사형(radial) 그라디언트를 모두 지원합니다.

네, 생성된 CSS 코드를 복사 버튼으로 바로 복사할 수 있습니다.

여러 색상 정지점(color stop)을 자유롭게 추가하여 복잡한 그라디언트를 만들 수 있습니다.