정지점(color stop)이 뭔가요?

그라디언트에서 특정 색이 위치하는 지점입니다. 여러 개를 두어 다채로운 전환을 만들 수 있습니다.

원형 그라디언트도 되나요?

네, linear와 radial을 모두 지원하며 각도·중심을 조정할 수 있습니다.

생성된 `background: linear-gradient(...)` 코드를 그대로 CSS에 붙여넣으면 됩니다.

선형·원형 그라디언트를 시각적으로 만들고 CSS 복사

도구를 불러오는 중…

🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.

여러 색상 정지점(color stop)을 자유롭게 배치해 선형(linear)·원형(radial) 그라디언트를 만들고, 그대로 쓸 수 있는 CSS 코드를 생성합니다.

정지점(color stop)이 뭔가요?: 그라디언트에서 특정 색이 위치하는 지점입니다. 여러 개를 두어 다채로운 전환을 만들 수 있습니다.
원형 그라디언트도 되나요?: 네, linear와 radial을 모두 지원하며 각도·중심을 조정할 수 있습니다.
결과를 바로 쓸 수 있나요?: 생성된 `background: linear-gradient(...)` 코드를 그대로 CSS에 붙여넣으면 됩니다.