CSS 그라디언트 생성

CSS 그라디언트 생성에서 각도와 두 색상으로 linear-gradient CSS 생성·미리보기합니다.

⌂ 입력과 결과는 이 브라우저 안에서 처리되며 자동 저장되거나 전송되지 않습니다.

유형반복각도135

입력 대기

● 실시간 미리보기

시작 색상

종료 색상

입력 대기

전체 텍스트 결과

사용 방법

선형·방사형과 색상 정지점·각도 등을 정하고 한 조건씩 바꾸며 봅니다.

CSS 복사 후 실제 요소 크기에서도 확인하세요. 글자를 올리면 가장 읽기 어려운 배경 위치의 대비를 점검합니다.

#4F46E5
---
#22D3EE

각 입력은 1,048,576바이트, 출력은 33,554,432바이트, 처리 시간은 5,000밀리초까지입니다. 입력을 알리지 않고 자르지 않습니다.