CSS 그라디언트 텍스트 생성기
글자에 그라디언트를 입혀 CSS 코드로 바로 복사
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
텍스트에 선형·원형 그라디언트를 적용해 미리보기로 확인하고, 완성된 CSS 코드를 바로 복사할 수 있는 도구입니다. 색상 정지점, 각도, 글꼴 크기와 두께를 조절하며 원하는 스타일을 눈으로 확인할 수 있어 디자이너나 프론트엔드 개발자에게 유용합니다. 모든 계산은 브라우저 안에서 즉시 처리되며 서버로 전송되지 않습니다.
사용 방법
- 텍스트 입력창에 원하는 문구를 입력합니다.
- 그라디언트 종류(선형/원형)를 선택하고 각도 또는 중심 위치를 조절합니다.
- 색상 정지점을 추가·삭제하며 색상과 위치(%)를 조절해 원하는 그라디언트를 완성합니다.
- 미리보기를 확인한 뒤 생성된 CSS 코드를 복사 버튼으로 가져갑니다.
자주 묻는 질문
- 색상 정지점은 몇 개까지 추가할 수 있나요?
- 최소 2개에서 최대 4개까지 색상 정지점을 추가하거나 삭제할 수 있습니다.
- 생성된 CSS는 모든 브라우저에서 동작하나요?
- background-clip: text 속성을 사용하며 웹킷 계열 브라우저 호환을 위해 -webkit- 접두사도 함께 제공하지만, 이 속성을 지원하지 않는 구형 브라우저에서는 그라디언트가 적용되지 않고 대체 색상(color)만 표시될 수 있습니다.
- 입력한 텍스트나 색상 정보가 서버에 저장되나요?
- 아니요. 모든 처리는 브라우저 안에서만 이루어지며 별도로 서버에 전송되거나 저장되지 않습니다.