코드, 데이터 및 QR 도구

무작위 그라데이션 생성기

색상 정지점2~6개, 종류와 선택적 시드를 정합니다. 생성된 CSS는 디자인 시작점입니다.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

시드, 정규화한 정지점 수와 종류가 같으면 재현됩니다. 시드가 없으면 가능한 경우 암호학적 난수, 아니면Math.random을 사용합니다. 색상은 미적 선택이며 텍스트 대비나 접근성을 보장하지 않습니다.

사용 방법

사용 방법

  1. 선택적 시드, 정지점 수와 종류를 입력합니다.
  2. 생성하고 미리 보기를 확인합니다.
  3. CSS를 복사하거나 클립보드 실패 시 직접 선택합니다.

생성 규칙

각 정지점은 색조0~359°, 채도55~84%, 명도38~67%입니다. 위치는 균등 분할 후 정수 백분율로 반올림합니다. 선형 각도는0~360°, 방사형은circle입니다.

시드와 무작위성

공백을 제거한 비어 있지 않은 시드는 로컬 결정적 생성기를 사용합니다. 시드가 없으면 브라우저의 암호학적 난수를 사용할 수 있을 때 사용하고 아니면Math.random을 사용합니다. 디자인용이며 보안 난수 생성기가 아닙니다.

제한과 개인정보

수를2~6으로 제한하고 내림합니다. 빈 값이나 숫자가 아닌 값은 기존3개 정지점을 사용합니다. 생성, 미리 보기와 복사는 브라우저에서 이루어지며 대비나 접근성을 보장하지 않습니다.

자주 묻는 질문

더 알아보기

시드로 재현할 수 있나요?

같은 구현에서 시드, 정규화한 수와 종류가 같으면 가능합니다. 다른 시드가 일치할 수 있으며 고유성을 보장하지 않습니다.

텍스트 가독성을 보장하나요?

아니요. 실제 디자인에서 대비를 확인하세요.