CSS 그라디언트 생성기

선형 그라데이션(135deg, #2193b0 0%, #6dd5ed 100%)을 직접 작성하고 페이지를 다시 로드하여 느린 루프인지 확인합니다. 이 생성기는 닫힙니다. 선형, 방사형 또는 원뿔형을 선택하고, 각도 슬라이더를 드래그하고, 기본 색상 선택기와 백분율 위치를 사용하여 각 색상 정지점을 설정합니다. 그러면 전체 너비 미리 보기가 입력할 때마다 다시 칠해져 완성된 배경 라인은 항상 복사할 수 있습니다.

세 가지 그라데이션 유형은 다양한 작업에 적용됩니다. 선형 그래디언트는 방향을 따라 페이드되며 대부분의 히어로 섹션과 버튼을 포함합니다. 빛과 비네팅을 위해 중앙에서 방사형 그래디언트가 방출됩니다. 원뿔형 그라디언트는 중앙과 파워 파이 차트 및 색상환 주위를 휩쓸고 있습니다. 언제든지 유형을 전환할 수 있습니다. 정류장은 계속 이어지므로 세 가지를 비교하는 데 몇 초가 걸립니다.

최대 6개의 컬러 정지점은 다중 밴드 디자인을 위한 공간을 제공하며, 사전 설정 페이지는 검증된 조합(따뜻한 일몰, 잔잔한 바다, 부드러운 파스텔 쌍)을 빈 캔버스 대신 조정할 수 있는 시작점으로 제공합니다. 작업 분업에 유의하세요. 이 사이트의 색상 팔레트 생성기는 조화로운 평면 색상을 선택하고 색상 형식 변환기는 HEX, RGB 및 HSL 사이의 값을 변환하는 반면, 이 도구는 다른 작업을 수행합니다. 즉, 선택한 색상을 준비된 CSS 그라데이션 코드로 변환합니다.

모든 것이 브라우저에서 로컬로 실행됩니다. 업로드도 없고, 계정도 없고, 서버 왕복도 없으며, 생성기는 로드된 후에도 계속 오프라인으로 작동합니다.