선형·방사형 CSS 그라디언트를 시각적으로 생성. 컬러 스톱 드래그·각도 조정·background CSS 바로 복사.
모든 처리는 브라우저 내부에서 실행됩니다 — 파일·입력은 서버로 전송되지 않습니다.
종횡비를 유지하며 가로·세로 계산. 16:9 / 4:3 / 21:9 / 1:1 프리셋과 CSS aspect-ratio 출력 포함.
HEX / RGB / HSL 상호 변환 + 실시간 미리보기.
두 색상의 명도 대비를 WCAG 기준으로 확인합니다. 본문/큰 텍스트/UI 컴포넌트별로 AA·AAA 합격 여부를 즉시 표시.
JSON 정렬과 검증. 들여쓰기 출력, 압축 출력, 명확한 에러 위치 표시.
background: linear-gradient(135deg, #06b6a4 0%, #3b82f6 100%);