메시 그래디언트 배경화면 생성기

색상 포인트만 배치하면 메시 그래디언트 배경 이미지를 즉시 생성합니다.
서버 업로드 없이 브라우저에서 100% 무료.

미리보기 (포인트를 드래그)1080 × 1080px

렌더링 중...

선택한 포인트

색상

근사 CSS 코드 (개발자용)

background-color: #ff7e5f;
background-image:
  radial-gradient(at 18.0% 22.0%, #ff7e5f 0px, transparent 60%),
  radial-gradient(at 82.0% 18.0%, #feb47b 0px, transparent 60%),
  radial-gradient(at 20.0% 78.0%, #ff5e7e 0px, transparent 60%),
  radial-gradient(at 80.0% 82.0%, #9460ff 0px, transparent 60%);

※ CSS는 캔버스 결과의 약 70-80%만 재현합니다. 정확한 결과는 PNG/JPG 다운로드를 권장합니다.

메시 그래디언트 배경화면 생성기란?

메시 그래디언트(Mesh Gradient)는 여러 색상 포인트가 부드럽게 섞이는 그래디언트입니다. iOS 18 wallpaper, Apple 키노트 슬라이드, Stripe·Vercel 같은 IT 기업 웹사이트에서 많이 쓰이는 트렌디한 배경 스타일입니다.

사용 방법

추천 팔레트 중 마음에 드는 것을 클릭하거나 색상을 직접 고르세요
미리보기 안의 동그란 포인트를 드래그해서 색상 위치를 조정하세요
필요하면 + 버튼으로 포인트를 추가하거나 색상을 바꾸세요
iPhone·Galaxy·인스타·PPT·데스크톱 등 원하는 사이즈를 선택하세요
PNG 또는 JPG로 다운로드하거나 CSS 코드를 복사하세요

활용 팁

아이폰·갤럭시 잠금화면/홈 배경화면 매일 갈아끼우기
인스타그램 스토리·피드 그라디언트 배경
PPT·키노트 슬라이드 배경 (16:9)
유튜브 썸네일·블로그 대표이미지 배경 레이어
노션·피그마·웹사이트 hero 섹션 배경
줌·구글미트 가상 배경 (1080×1080 또는 16:9)

개인정보 안심

모든 작업은 브라우저에서 100% 처리되며, 색상 데이터·생성된 이미지는 서버에 전송되지 않습니다. 가입·로그인 없이 무제한 무료로 사용하세요.

디바이스별 추천 사이즈

아이폰 14·15·16: 1170×2532 (Pro 모델은 1179×2556이지만 호환됨)
갤럭시 S24·S25: 1440×3120
인스타 정사각: 1080×1080 / 스토리: 1080×1920
데스크톱 FHD: 1920×1080 / 4K: 3840×2160

※ 이 포스팅은 쿠팡 파트너스 활동의 일환으로 수수료를 제공받습니다.