구체적인 사용 예
- 입력값
유형: 선형 첫 번째 색상: #336699 두 번째 색상: #ffffff 각도: 90- 결과
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
CSS 그라데이션 생성기
두 색상과 각도로 선형 및 방사형 CSS 그라데이션을 만드세요. 미리보기를 확인하고 코드를 복사하거나 CSS로 저장합니다.
결과
데이터를 입력하고 실행하세요.
입력값과 파일 내용은 포함하지 않고 어떤 도구를 자주 사용하는지 집계합니다. 개인정보
도구 사용 방법
- 첫 번째 색상 / 두 번째 색상 / 유형 / 각도 항목을 설정하세요.
- «실행»을 누르고 결과를 확인한 뒤 복사 또는 다운로드 버튼을 사용하세요.
방법과 제한
HEX 색상 두 개와 0~360도 각도를 지정하세요. 각도는 선형 그라데이션에만 적용됩니다.
예시
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)