랜덤 그라디언트 생성기
랜덤 CSS 그라디언트 생성 — 선형, 방사형, 원뿔형. 조화로운 색상 조합, 즉시 붙여넣기 가능한 CSS 코드 복사. 브라우저에서 실행.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
기록
참고
그라디언트 생성기는 어떻게 작동하나요?
이 도구는 조화로운 색상 이론(유사색, 보색 또는 삼원색 관계)과 HSL 색조 회전을 사용하여 2-3가지 색상을 선택합니다. 랜덤 각도나 위치는 crypto.getRandomValues()로 선택됩니다. 출력은 라이브 미리보기와 즉시 붙여넣기 가능한 CSS 코드와 함께 렌더링됩니다.
그라디언트 유형
- 선형 — 구성 가능한 각도의 직선을 따라 색상이 혼합됩니다.
- 방사형 — 색상이 중심점에서 바깥쪽으로 방사됩니다.
- 원뿔형 — 색상이 색상환처럼 중심을 중심으로 회전합니다.
일반적인 용도
- 히어로 섹션 — 랜딩 페이지를 위한 시선을 끄는 배경.
- 카드와 버튼 — 깊이감 있는 현대적 UI 강조.
- 디자인 영감 — 예상치 못한 색상 조합을 발견.
- 배경화면과 배너 — 독특한 시각 자산 생성.
개인정보
모든 그라디언트는 브라우저 내 100% 생성됩니다. 데이터가 서버로 전송되지 않습니다.