Graphite Pixel

CSS 그라디언트 만들기

선형·원형 그라디언트를 미리 보고 CSS 배경 선언을 복사합니다.

90°

사용 방법

선형 또는 원형 그라디언트를 선택합니다.

HEX 색상을 2개에서 5개로 정하고 선형 각도를 조절합니다.

생성한 CSS를 복사하거나 저장합니다.

자주 묻는 질문

어떻게 사용하나요?

선형 또는 원형 그라디언트를 선택합니다. HEX 색상을 2개에서 5개로 정하고 선형 각도를 조절합니다. 생성한 CSS를 복사하거나 저장합니다.

색상 정지점은 어떻게 배치하나요?

0%부터 100%까지 같은 간격으로 배치합니다. 원형 그라디언트는 중앙을 기준으로 그립니다.

투명 색상을 사용할 수 있나요?

3자리 또는 6자리 불투명 HEX 색상을 입력합니다. 투명도와 사용자 지정 위치는 저장한 CSS에서 직접 추가할 수 있습니다.

입력한 내용이 업로드되나요?

도구 입력은 브라우저에서 처리합니다. 광고의 별도 요청은 개인정보처리방침에서 설명합니다.