그라디언트 생성기 — 부드러운 색 전환 배경
그라디언트는 평면 색을 풍부한 배경으로 — 모던 웹 디자인이 어디에나 사용. 이 생성기는 선형·방사형·원뿔형 그라디언트를 만들고 바로 붙여넣을 CSS 코드를 출력합니다.
CSS 그라디언트는 기술적으론 이미지 채움 — 진짜 이미지가 아닙니다. 브라우저가 직접 렌더링하고, 어떤 크기에도 스케일되며, 네트워크 요청 추가 없음. 가볍고 아름답고 무한히 조정 가능.
그라디언트 종류
- •선형(Linear) — 한 방향으로 색이 흐름 (위→아래, 대각선 등)
- •방사형(Radial) — 중심에서 바깥으로 퍼짐
- •원뿔형(Conic) — 시계 바늘처럼 중심 주위로 회전 (신규, 덜 보편적)
- •다중 stops — 3개 이상 색을 정해진 위치에 두고 복잡한 전환
자주 묻는 질문
그라디언트에 띠가 보이는 이유?
중간 값이 부족해서 컬러 밴딩 발생. stops 추가, 또는 sRGB 대신 OKLCH 그라디언트로 색 전환을 더 부드럽게.
그라디언트가 저장되나요?
아니요 — 브라우저에서만 처리.