그라디언트 세트 구축
기본 유형을 선택하고 최대 4개의 색상 정지점을 정의한 다음 사용 가능한 변형 갤러리를 생성하세요. 비어 있는 추가 정지점은 안전하게 무시됩니다.
주요 내보내기
주요 결과는 선택한 기본 유형을 반영합니다. 아래의 갤러리 카드는 동일한 정지점 데이터를 사용하여 다른 방향과 스타일로 확장됩니다.
6
갤러리 변형
정수 %
정지점 반올림
렌더링은 브라우저마다 약간 다를 수 있으며 대형 원추형 그라디언트는 일부 디스플레이에서 밴딩 현상이 나타날 수 있습니다. 내보낸 정지점 위치는 예측 가능한 CSS를 위해 0~100 사이로 제한되고 정수 백분율로 반올림됩니다.
그라디언트 갤러리
생성된 변형을 나란히 비교한 다음, 정지점을 수동으로 다시 만들 필요 없이 레이아웃에 맞는 버전을 복사하세요.
작동 원리
생성기는 활성 색상 정지점을 가져와 모든 값을 정리하고 기본 그라디언트 문자열을 빌드합니다. 거기에서 관련 각도, 방사형 배치 및 원추형 회전의 작은 갤러리를 생성하여 기본 팔레트를 변경하지 않고도 현실적인 대안을 검토할 수 있습니다.
유효한 16진수 색상만 사용됩니다. 비어 있는 선택적 색상은 건너뜁니다. 정지점 위치는 데이터가 이미 유효한 경우에만 정렬됩니다. 정지점이 거꾸로 가면 입력을 자동으로 변경하는 대신 문제를 표시합니다. 이를 통해 내보낸 CSS가 입력한 내용과 일치하도록 유지합니다.
복사 작업은 먼저 Clipboard API를 시도하고 필요한 경우 임시 텍스트 영역으로 대체합니다. 복사가 불가능한 경우에도 CSS가 선택 가능한 코드 블록에 표시되므로 신뢰할 수 있는 내보내기 경로가 유지됩니다.