사용 방법
색상과 방향, 색상 정지점을 조절한 뒤 미리보기를 확인하고 생성된 CSS를 복사하세요.
🌈
CSS 그라데이션 생성기
색상과 방향을 조절하며 그라데이션을 미리 보고 CSS 코드를 복사해요.
background: linear-gradient(135deg, #FF6B86, #7657D5);
도구 안내
이럴 때 사용하세요
내용 검토 · 2026-07-24
웹 배경, 버튼과 카드에 사용할 선형 그라데이션을 미리 보며 CSS 코드를 만들 때 사용합니다.
사용 전 확인
브라우저와 색상 프로필에 따라 표시가 조금 다를 수 있습니다. 실제 페이지의 밝고 어두운 배경에서 가독성을 확인하세요.
데이터 처리
입력값은 계산을 위해 현재 화면에서만 사용하며 별도로 전송하거나 저장하지 않습니다.