아름다운 그라데이션을 디자인하고 CSS 또는 이미지로 내보내기
색상을 선택하고, 정지점을 추가하고, 각도나 중심점을 조정하여 필요한 정확한 그라데이션을 만듭니다. 이 도구는 무제한 색상 정지를 사용하여 선형, 방사형 및 원뿔형 그라디언트를 지원합니다. 스타일시트의 CSS 코드를 복사하거나 디자인 프로젝트에 사용할 수 있도록 그라데이션을 고해상도 PNG로 다운로드하세요.
이 도구를 무료로 사용하세요특징
세 가지 그라데이션 유형
모든 각도의 선형 그래디언트, 중심과 모양을 조정할 수 있는 방사형 그래디언트 또는 점 주위를 스윕하는 원뿔형 그래디언트를 만듭니다. 유형 간에 전환하면 미리보기가 즉시 업데이트됩니다.
무제한 색상 정지
그라디언트 막대를 따라 필요한 만큼 색상 정지점을 추가하세요. 중지점을 드래그하여 위치를 변경하고, 두 번 클릭하여 색상을 변경하거나, 마우스 오른쪽 버튼을 클릭하여 삭제하세요. 각 정지점은 반투명 그라디언트에 대한 불투명도를 지원합니다.
CSS 코드 출력
이 도구는 공급업체 접두사가 포함된 유효한 CSS 배경 이미지 코드를 생성합니다. 코드를 복사하여 스타일시트에 직접 붙여넣으세요. 그라디언트를 편집하면 출력이 실시간으로 업데이트됩니다.
PNG 이미지 내보내기
100px 썸네일부터 4000px 배너까지 모든 해상도의 그래디언트를 PNG로 다운로드하세요. CSS 그라데이션을 지원하지 않는 도구에서 이미지를 배경, 오버레이 또는 디자인 요소로 사용하세요.
사용방법
그라데이션 유형 선택
선형, 방사형 또는 원추형을 선택합니다. 선형의 경우 각도를 설정합니다. 방사형의 경우 중심점과 모양을 설정합니다.
색상 추가 및 조정
색상 정지점을 추가하려면 그라데이션 막대를 클릭하세요. 드래그하여 위치를 변경하고, 두 번 클릭하여 색상을 변경하고, 각 정지점의 불투명도를 조정하세요.
CSS 복사 또는 다운로드
생성된 CSS 코드를 웹용으로 복사하거나, 해상도를 설정하고 그라데이션을 PNG 이미지로 다운로드하세요.
명세서
| 그라데이션 유형 | 선형, 방사형, 원추형 |
| 색상 중지 | 제한 없는 |
| 각도 범위 | 0~360° |
| CSS 출력 | 표준 + 공급업체 접두사 |
| PNG 내보내기 | 최대 4000×4000px |
| 처리 | 클라이언트측(인스턴트) |
Related Magic Eraser Tools
일반적인 질문
투명도가 있는 그라데이션을 만들 수 있나요?
+
예. 각 색상 정지점에는 불투명도 슬라이더가 있습니다. 그라디언트에 반투명 영역을 만들려면 불투명도를 100% 미만으로 설정하세요. CSS 출력은 rgba 값을 사용하고 PNG 내보내기는 알파 채널을 유지합니다.
원뿔형 그래디언트란 무엇입니까?
+
원뿔형 그래디언트는 시계 바늘이 스윕하는 것처럼 중심점 주위에 색상 정지점을 방사합니다. 원형 차트 스타일 효과, 색상환, 장식 배경에 유용합니다. 브라우저 지원은 최신 브라우저에서 탁월합니다.
생성된 CSS를 모든 프레임워크에서 사용할 수 있나요?
+
예. 출력은 일반 HTML, React, Vue, Tailwind 및 인라인 또는 스타일시트 기반 CSS를 지원하는 기타 프레임워크에서 작동하는 표준 CSS입니다.
사진에 그라데이션이 필요합니까?
AI Enhance는 사진의 색조와 조명을 조정할 수 있으며, 이미지 오버레이 도구를 사용하면 이미지 위에 그라데이션을 혼합하여 세련된 느낌을 줄 수 있습니다.
무료로 사용해 보세요More free tools
Explore our other limited free edits after sign-in photo and image tools.
소셜 미디어, 웹 및 인쇄에 맞게 이미지 크기를 정확한 픽셀 크기로 조정합니다. 가입이 필요하지 않습니다. 최대 50MB의 JPEG, PNG 및 WebP를 지원합니다.
눈에 띄는 품질 손실을 최소화하면서 JPEG, PNG 및 WebP 이미지를 최대 80%까지 압축합니다. 완전한 제어를 위해 품질 슬라이더를 조정하세요. 가입이 필요하지 않습니다.
PNG 이미지를 JPEG 형식으로 즉시 변환합니다. 출력 품질을 조정하고 투명한 영역의 배경색을 선택한 다음 다운로드하세요. 가입이 필요하지 않습니다.
무손실 품질 및 투명도 지원을 위해 JPEG 이미지를 PNG 형식으로 변환합니다. 배경 제거 전 이상적입니다. 가입이나 설치가 필요하지 않습니다.
Apple HEIC 및 HEIF 사진을 보편적으로 호환되는 JPEG 형식으로 변환합니다. 브라우저에서 작동합니다. 앱 설치, 가입, 서버에 파일 업로드가 필요하지 않습니다.
더 빠른 페이지 로드를 위해 JPEG 및 PNG를 WebP로 변환하거나 호환성을 위해 WebP를 다시 JPEG/PNG로 변환합니다. 가입이나 설치 없이 브라우저에서 실행됩니다.