두 색과 방향을 조절하면 미리보기와 CSS 코드가 실시간으로 만들어집니다.
두 색을 고르고 종류(선형·방사형)와 각도를 조절하면 위 미리보기와 CSS 코드가 실시간으로 바뀝니다. 코드 줄을 클릭하면 background: …; 형태로 복사되어 CSS에 바로 붙여넣을 수 있습니다. 랜덤 생성으로 새로운 배색 아이디어도 얻어 보세요.
CSS 선택자의 background 속성에 붙여넣으면 됩니다. 예: .hero { background: linear-gradient(...); }
선형은 한 방향으로 색이 흐르고, 방사형은 가운데에서 바깥으로 퍼집니다. 각도 조절은 선형에서만 적용됩니다.
현재 버전은 두 색 그라데이션을 지원합니다. 복사한 코드에 색을 추가로 넣어 확장할 수 있습니다.
아니요. 모든 작업은 브라우저 안에서만 처리됩니다.