CSS 그래디언트 생성기

최대 4가지 색상으로 선형 또는 방사형 그래디언트를 만들고 바로 사용 가능한 CSS 코드를 복사하세요.

🔒 100% 비공개 ⚡ 파일 업로드 없음 🆓 무료, 제한 없음

온라인에서 CSS 그래디언트를 만드는 방법

1

그래디언트 유형 선택

원하는 효과에 따라 선형 또는 방사형을 선택하세요.

2

색상 추가 및 조정

최대 4개의 색상을 추가하고, 순서를 변경하며, 그래디언트의 각도나 위치를 조정하세요.

3

CSS 코드 복사

복사 버튼을 누르고 코드를 스타일시트에 바로 붙여넣으세요.

그래디언트 생성기 자주 묻는 질문

그래디언트는 모든 웹 디자인에 깊이감과 스타일을 더하는 간단한 방법입니다. 이 도구는 손으로 작성할 필요 없이 필요한 정확한 CSS 코드를 생성해줍니다.

어떤 종류의 그래디언트를 만들 수 있나요?

+

선형 그래디언트(모든 각도)와 방사형 그래디언트를 만들 수 있습니다.

몇 개의 색상을 사용할 수 있나요?

+

같은 그래디언트에 2개에서 4개의 색상을 조합할 수 있습니다.

코드가 모든 브라우저에서 작동하나요?

+

예, 표준 CSS 구문으로 생성되며 모든 최신 브라우저와 호환됩니다.

프로그램을 설치해야 하나요?

+

아니요, 설치할 필요가 없습니다. 브라우저에서 직접 작동합니다.

무료인가요?

+

예, 이 도구는 완전히 무료입니다.

그래디언트를 이미지 배경으로 사용할 수 있나요?

+

생성된 코드는 순수 CSS입니다. 이미지가 필요하면 미리 보기 화면의 스크린샷을 촬영할 수 있습니다.

색상 패밀리별로 탐색

469개 이상의 명명된 색상(HEX, RGB, HSL, CMYK 코드 포함)을 12개의 색조 패밀리로 정렬하여 확인하세요.

빨간색 50 주황색 45 갈색 40 노란색 40 녹색 55 터키석색 35 파란색 55 보라색 45 분홍색 45 회색 35 흰색 15 검은색 9 파스텔 36