ToolboxHub

그라데이션 생성기

마커를 끌어 이동하세요. 바를 두 번 클릭하면 정지점이 추가됩니다.

코드

background: linear-gradient(167deg, #FAC200 0%, #FC5800 99%);
  • 정지점 2개
  • 선형 · 167°
  • 화살표 키로 선택한 정지점을 옮기고 Delete로 제거합니다

온라인 CSS 그라데이션 생성기

무제한 색상 정지점, 조정 가능한 회전 및 세 가지 유형(선형, 방사형, 원뿔형)으로 사용자 지정 CSS 그라데이션을 만드세요. 바에서 드래그하여 조정하고 랜덤 조합을 생성하며 바로 사용할 수 있는 CSS를 복사하세요.

자주 묻는 질문