🌈 메시 그라디언트 배경

여러 개의 반투명 원형 그라디언트를 겹쳐 요즘 유행하는 오로라·메시 느낌의 배경을 만드는 도구입니다. 색 점의 위치와 색상, 번짐 크기를 조절해 부드러운 배경을 완성하고 순수 CSS로 복사할 수 있습니다.

사용 방법

1. 색 점의 색상과 X·Y 위치 슬라이더로 배치를 조절합니다.
2. '색 점 추가'로 최대 8개까지 늘리거나 '무작위 배치'로 조합을 탐색합니다.
3. 배경 기본 색과 번짐 크기를 정해 전체 분위기를 맞춥니다.
4. 'CSS 복사' 버튼으로 background 속성을 가져와 붙여넣습니다.

자주 묻는 질문

작업한 내용이 서버로 저장되나요?

아니요. 색상·위치 조절과 CSS 생성이 전부 브라우저 안에서 처리되며, 어떤 정보도 서버로 전송하거나 저장하지 않습니다.

이미지가 아니라 진짜 CSS인가요?

네. 결과물은 여러 개의 radial-gradient 를 겹친 순수 CSS background 속성입니다. 이미지 파일이 아니라 용량이 없고 어떤 화면 크기에서도 선명하게 표시됩니다.

움직이는 배경도 만들 수 있나요?

이 도구는 정적인 배경 CSS를 만듭니다. 움직임을 주고 싶다면 복사한 background 를 큰 요소에 넣고 CSS animation 으로 background-position 이나 요소를 서서히 이동시키면 오로라가 흐르는 효과를 낼 수 있습니다.