콘식 그라데이션 (무지개 원형) 패턴

사용법

1. 섹션 수 (2~24개)와 회전 각도 설정
2. 최대 4가지 색 선택
3. 모드 (부드러운/하드/무지개) 선택
4. 중심 빈공간으로 도넛 효과 추가
5. CSS 복사 또는 PNG 다운로드

주요 기능

• 최대 24개 섹션, 4색 보간 또는 7색 무지개
• 3가지 모드 (부드러운·하드·무지개)
• 5가지 프리셋 (4색·무지개·다트·홀로그램·햇살)
• 중심 빈공간 도넛 효과
• CSS conic-gradient + PNG 둘 다

활용 예시

• 홀로그램 카드 — 부드러운 4색 보간
• 로딩 스피너 — 회전 애니메이션 배경
• 대시보드 차트 — 도넛 차트 배경
• 레트로 디스코 — 4~6 섹션 하드 컬러
• 웹 헤더 배경 — 다이내믹한 인상

conic-gradient란?

CSS conic-gradient는 2021년 이후 모든 모던 브라우저가 지원하는 신기술로, 원형으로 회전하면서 색이 변하는 그라데이션입니다. 선형(linear)·방사형(radial)에 이어 세 번째 그라데이션 종류로, 이전에는 PNG/SVG로만 만들 수 있었던 무지개·다이얼 효과를 CSS 한 줄로 표현합니다. 도넛 차트·홀로그램·다이얼·디스코 효과 등에 활용됩니다.

자주 묻는 질문