그라데이션 맵
CSS 색상과 위치를 입력해 브라우저에서 그라데이션 코드를 만드세요.
사용 방법
사용 방법
- 2~8개의 CSS 색상 스톱과 백분율 위치를 입력합니다.
- CSS와 SVG 출력을 생성하고 확인합니다.
- 로컬 출력을 프로젝트에 복사합니다.
스톱 입력
각 줄에 CSS 색상과 백분율 위치를 입력합니다(예: #111111 0%, #eeeeee 100%). 색상을 검증하고 위치를 0~100%로 제한합니다.
두 가지 로컬 출력
CSS linear-gradient 선언과 SVG linearGradient 스톱 조각을 생성합니다. 이미지 팔레트나 검증되지 않은 프리셋 색상은 제공하지 않습니다.
로컬 처리
그라데이션 텍스트는 브라우저에서 생성되며 업로드되지 않습니다.
자주 묻는 질문
더 알아보기
스톱을 몇 개 사용할 수 있나요?
2~8개입니다.
어떤 색상 형식을 받나요?
브라우저가 처리할 수 있는 CSS 16진수, rgb/rgba, hsl/hsla 색상입니다.
프리셋 팔레트가 있나요?
없습니다. 색상과 위치를 직접 입력합니다.