무료 도구

그라디언트 메이커

리니어, 래디얼, 코닉 그라디언트를 디자인하고 CSS, SwiftUI, Jetpack Compose, Tailwind 코드를 실시간으로. 1080×1920 PNG 내보내기.

유형

각도 135°

색상 정지점

프리셋

그라데이션 팁

앱 배경에는 유사 색상(휠에서 가까운 색)을 사용하세요 — 두 개의 임의 색상보다 부드럽게 보입니다.
중간에 세 번째 정지점을 추가하여 전환을 "구부리세요" — 일몰 / 새벽 룩에 유용합니다.
다크 UI 액센트의 경우 순수한 검정 대신 중간 채도 색상을 #0a0a0a에 블렌딩하세요 — 순수한 검정은 밴딩이 생깁니다.
Android에서 색상 밴딩을 주의하고 작은 디더를 추가하세요(Compose: 노이즈 오버레이가 있는 .background(brush, alpha = 1f)).
원뿔형 그라데이션은 앱 아이콘에는 훌륭하지만 화면 배경에는 좋지 않습니다 — 항상 어지럽게 느껴집니다.

LaunchShots는 그라데이션 + 스크린샷 + 캡션을 한 번에 레이어합니다.