메시 그라디언트 생성기
여러 개의 겹쳐진 radial-gradient()를 매력적인 무작위 색상으로 레이어링해, 부드러운 다중 포인트 색상 혼합 배경(현대 웹 디자인에서 인기 있는 메시 그라디언트 스타일)을 만들어 줍니다 — 두 가지 색의 단순한 그라디언트를 만드는 CSS 그라디언트 도구, 그리고 하나의 모양만 그리는 블롭 패턴 도구와는 다릅니다. 색상 포인트 개수와 기본 색상을 조절할 수 있고, 버튼 한 번으로 새로운 무작위 패턴을 생성한 다음, 완성된 CSS 코드를 바로 복사할 수 있습니다. 모든 과정은 브라우저 안에서 즉시 이루어지며, 어디로도 업로드되지 않습니다.
디자인·CSS 도구 브라우저에서 완전히 실행
모든 처리는 사용자의 기기 안에서 이루어집니다 — 서버로 전송되는 데이터는 없습니다.
CSS 코드
background-color: #f5f3ff; background-image: radial-gradient(at 34% 34%, #e4cd67 0px, transparent 50%), radial-gradient(at 66% 25%, #8de467 0px, transparent 50%), radial-gradient(at 84% 63%, #e4677a 0px, transparent 50%), radial-gradient(at 31% 33%, #67e482 0px, transparent 50%), radial-gradient(at 55% 55%, #cde467 0px, transparent 50%);
자주 묻는 질문
CSS 그라디언트 도구는 두 색상 사이의 단순한 선형 또는 방사형 그라디언트를 만드는 반면, 이 도구는 여러 개의 무작위 색상 포인트를 겹쳐 레이어링해 현대적인 메시 그라디언트 스타일의 부드러운 다중 색상 배경을 만듭니다.