정렬된 색상 지점

위치를 조절할 때마다0~100%로 정렬합니다. 위치가 같으면 현재 순서를 유지해 색상 사이에 뚜렷한 경계를 만듭니다.

선형과 방사형 설정

선형은 각도를, 방사형은 원 또는 타원을 사용합니다. 생성CSS는 현대 브라우저가 지원하는linear-gradient()와radial-gradient()를 씁니다.

브라우저CSS 렌더러로 그리며 설정 변경에 따라 갱신됩니다. 색상이나CSS 값은 페이지 밖으로 보내지 않습니다. 단순한 혼합에는2개, 더 복잡한 배경에는 최대6개 지점을 쓸 수 있습니다.

자주 묻는 질문

색상 지점이 왜 움직였나요?

읽기 쉬운CSS를 만들기 위해 백분율로 정렬합니다. 위치가 같으면 기존 순서를 유지합니다.

급격한 전환을 만들려면?

이웃한 두 색상을 같은 위치로 정하면 그 위치에서 바로 바뀝니다.

선형 각도의 뜻은?

0deg는 위,90deg는 오른쪽,180deg는 아래,270deg는 왼쪽입니다.

색상이나CSS를 업로드하나요?

아니요. 미리보기와 복사할 선언은 브라우저 안에서 생성합니다.