그라데이션 생성기 - 무료 온라인 사용 | ToolXHub
그라데이션 생성기을(를) 온라인에서 무료로 이용하세요. 다운로드 불필요. ToolXHub는 수백 개의 재미있는 온라인 도구를 제공합니다.
CSS
미리 설정:
이 도구 정보
그라데이션 생성기은(는) 무료 온라인 색상 도구입니다. CSS 선형/방사형 그라데이션 코드 생성. 집중, 휴식, 또는 가벼운 재미로 즐기기에 좋습니다. 브라우저에서 바로 사용하며 다운로드나 가입이 필요 없습니다.
색상 리본에 여러 색상 노드를 추가하고 드래그하여 위치와 색상을 조정하고 그라디언트 효과를 실시간으로 미리 봅니다.선형 그라데이션, 반지름 그라데이션 및 원뿔형 그라데이션을 지원합니다.그라디언트 각도, 모양 및 반복 패턴을 조정할 수 있습니다.
그라데이션 원리: 브라우저가 두 개 이상의 색상을 보간하여 중간 색상을 계산합니다.선형 그라데이션은 직선을 따라 전환되고, 방사형 그라데이션은 중심에서 바깥쪽으로 확장되며, 원추형 그라데이션은 중심점을 중심으로 회전합니다.색상 표시의 위치에 따라 색상 분포 비율이 결정됩니다.
생성된 CSS 코드를 프로젝트에 직접 복사하여 사용할 수 있습니다. SVG 및 PNG 이미지로 내보낼 수 있습니다.웹 배경, 버튼 및 카드와 같은 UI 요소를 설계하는 데 적합합니다.여러 가지 일반적인 그라데이션 체계가 참조를 위해 사전 설정되어 있습니다.
온라인 CSS 그라디언트 생성기는 선형 그라디언트, 반지름 그라디언트 및 원추형 그라디언트를 시각적으로 작성합니다.여러 색상 축척, 각도 조정 및 한 번의 클릭으로 CSS 코드를 복사할 수 있습니다.