그라데이션 생성기

그라데이션 미리보기

생성된 그라데이션을 확인하세요

linear-gradient(90deg, #3B82F6, #8B5CF6)

설정

그라데이션을 커스터마이즈하세요

타입

색상 1

색상 2

각도: 90°

CSS 코드

다양한 형식의 CSS 코드를 복사할 수 있습니다

background

background: linear-gradient(90deg, #3B82F6, #8B5CF6);

background-image

background-image: linear-gradient(90deg, #3B82F6, #8B5CF6);

Tailwind CSS (인라인 스타일)

style={{ background: 'linear-gradient(90deg, #3B82F6, #8B5CF6)' }}

사용법

두 색상을 선택하고 각도를 조정하여 선형 또는 원형 그라데이션을 생성합니다. CSS 코드를 복사하여 사용할 수 있습니다.