그러데이션 배경화면 생성기
강한 흐림 효과를 준 3색 그러데이션은 지난 4년간 출시된 거의 모든 SaaS 랜딩 페이지와 대부분의 데스크톱 배경화면에서 쓰이는 배경 스타일입니다. 이 도구는 세 가지 HEX 색상을 조절 가능한 각도와 가우시안 흐림으로 섞어, 데스크톱, 스마트폰 또는 Zoom 배경 해상도로 내보냅니다.
그러데이션 배경화면 만드는 방법
-
1
세 가지 색상 선택
HEX 값을 직접 조정하거나 ‘무작위’를 클릭해 예상치 못한 팔레트를 얻어 보세요.
-
2
각도 설정
0~360°. 135°는 ‘노을’ 대각선 혼합, 90°는 ‘일출’ 방향의 가로 혼합입니다.
-
3
흐림 조정
흐림을 강하게 할수록 색상 간 경계가 감춰지고 캔버스 전체가 매끄러워집니다.
-
4
이미지 내보내기
디스플레이나 휴대폰 해상도에 맞춰 다운로드하세요.
권장 출력 크기
| 용도 | 해상도 |
|---|---|
| 4K 데스크톱 | 3840 × 2160 |
| 1440p 데스크톱 | 2560 × 1440 |
| 1080p 데스크톱 | 1920 × 1080 |
| iPhone 15/16 | 1179 × 2556 |
| Android(최신) | 1080 × 2400 |
| Zoom 가상 배경 | 1920 × 1080 |
언제나 잘 어울리는 팔레트 힌트
- 보색 조합 + 중성색: 파랑, 주황, 베이지.
- 유사색 3색: 색상환에서 60° 이내에 있는 세 가지 색조를 고르세요, 보라, 마젠타, 분홍.
- 따뜻한 색과 차가운 색의 대비: 따뜻한 색 하나(피치, 빨강), 차가운 색 하나(청록, 네이비), 중성색 하나(크림).
- 모노크롬: 하나의 색조를 세 가지 명도로 사용하면 차분하고 통일감 있는 배경이 됩니다.
흐림이 중요한 이유
흐림이 없는 3색 그러데이션은 색이 바뀌는 지점에 뚜렷한 경계(이른바 ‘무지개 효과’)가 나타납니다. 큰 캔버스에 60~100px의 filter: blur()를 적용하면 경계가 부드럽게 녹아들어 macOS Big Sur나 iOS 16 배경화면을 연상시키는 은은한 그러데이션이 됩니다.
실시간 CSS 미리보기
background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);
흐림 없이 선명한 그러데이션을 원한다면 필터 값을 0으로 낮추고, 시각적으로 균일한 혼합을 얻기 위해 in oklch 보간으로 전환하는 것을 고려해 보세요.
자주 묻는 질문
흐림 필터는 캔버스 바깥의 픽셀까지 샘플링하는데, 그 픽셀은 투명합니다. 배경화면이라면 더 큰 크기로 생성한 뒤 흐림을 적용하고 최종 해상도로 잘라내세요. 그러면 가장자리가 깔끔하게 유지됩니다.
이 생성기는 세 가지 색상을 사용합니다. 색이 많아지면 화면 보호기처럼 느껴지기 쉬운데, 차분한 배경화면에는 세 가지가 가장 알맞습니다.
정확히 같지는 않습니다. 휴대폰은 데스크톱보다 화면 비율이 세로로 길어서 대각선 각도가 다르게 보입니다. 각 대상 크기에서 미리 보고, 어색해 보이면 각도를 조정하세요.
아니요. 캔버스는 사용자의 기기에서 그려지며, 브라우저 밖으로 나가는 것은 직접 실행한 다운로드뿐입니다.
관련 도구
Base64 → Hex 변환기
Base64 문자열을 실제 바이트로 디코딩한 뒤 16진수로 표현합니다. 토큰, 키, 인증서, JWT를 살펴볼 때 유용합니다.
랜덤 영어 글자 생성기
A-Z 영어 글자를 무작위로 생성합니다. 개수와 대문자, 소문자, 혼합 대소문자를 선택해 게임, 과제, 수업 활동에 활용하세요.
랜덤 색상 팔레트 생성기
2~15개의 색상으로 랜덤 팔레트를 만들고, 비비드, 파스텔, muted, dark 스타일을 선택한 뒤 HEX 코드나 CSS 변수를 복사하세요.
BBCode → HTML 변환기
BBCode(게시판 마크업)를 깔끔한 HTML로 변환합니다. 서식 태그, 목록, 인용, 코드, 이미지, 링크, 표를 처리합니다.
HEX 색상 선택기
색상을 눈으로 선택하고 HEX, RGB, HSL, HSV, CMYK 값과 흰색·검정 대비를 바로 확인하세요.
2진수 8진수 변환기
비트를 세 개씩 묶어 2진수를 8진수로 변환합니다. Unix 권한, 레거시 시스템, 간결한 숫자 표시에 유용합니다.