무료 도구 · 내 기기에서
무료 CSS·PNG 그라데이션 생성기
웹사이트, 배경 화면, 프레젠테이션용 그라데이션을 만드세요. 종류, 각도, 2~8가지 색과 위치를 고르면 결과가 바로 보입니다. CSS를 복사하거나 데스크톱, 휴대폰, 맞춤 크기의 PNG로 내려받을 수 있습니다.
- 계정이 있으면 무료
- 바로 붙여넣을 수 있는 CSS
- 최대 4K 또는 맞춤 크기 PNG
- 예시 또는 종류 선택
- 색상 조정
- CSS 복사 또는 PNG 다운로드
사용 방법
세 단계.
예시 또는 종류 선택
예시로 시작하거나 선형, 방사형, 원뿔형을 고르고 각도나 중심을 정하세요.
색상 조정
색상을 최대 8개까지 추가하고 위치를 옮기거나, 균등하게 배치하거나, 순서를 뒤집을 수 있습니다. 미리 보기가 바로 바뀝니다.
CSS 복사 또는 PNG 다운로드
코드를 복사해 스타일시트에 쓰거나, 크기를 고르고 'PNG 다운로드'를 누르세요.
다음 단계
이 도구들로 이어서 작업하세요
그라데이션 생성기: 자주 묻는 질문
이 CSS는 모든 브라우저에서 작동하나요?
선형과 방사형 그라데이션은 현재 모든 브라우저에서 작동합니다. 원뿔형은 최근 몇 년간의 Chrome, Edge, Firefox, Safari 버전에서 작동합니다.
미세 노이즈는 어디에 쓰나요?
PNG의 각 픽셀을 한 단계씩 위아래로 바꿔, 부드러운 그라데이션이 큰 화면에서 계단처럼 보이지 않게 합니다. CSS는 바뀌지 않습니다.
PNG 크기는 어디까지 가능한가요?
데스크톱, 4K, 휴대폰, 정사각형, 헤더 크기가 있고, 원하는 크기를 입력할 수도 있습니다. 한 변 최대 10,000px, 4천만 화소.
내 이미지가 서버에 업로드되나요?
아니요. 이 도구는 브라우저 안에서 실행돼요. 파일은 내 기기에서 읽고 처리되며 Cocuyo나 제3자에게 전송되지 않아요. 브라우저의 네트워크 도구에서 직접 확인할 수 있어요. 파일은 전송되지 않아요.
정말 무료인가요?
네. 가입하기 전에 사용해 볼 수 있으며, 계속 사용하려면 무료 계정이 필요합니다. 구독은 필요 없습니다. 크레딧을 쓰지 않고 웰컴 사용 30회에도 포함되지 않아 사용 횟수 제한이 없습니다.
더 많은 무료 도구
다른 이미지 도구
모든 무료 도구
만들고 싶을 때
AI로 새 이미지를 만드세요.
Cocuyo 스튜디오는 이미지, 동영상, 음성 AI 모델 30개 이상을 한곳에 모았어요. 생성하기 전에 크레딧 비용을 확인할 수 있고, 크레딧은 만료되지 않아요.