CSS 그라디언트 발전기

브라우저에서 라인, 라디얼 및 코닉 CSS 그라디언트를 만들 수 있습니다.

그라디언트 유형 링 (deg)

X 위치 (%) 위치 Y (%)

색상 멈추기

멈추는 손잡이 또는 키보드 스트립을 사용하여 위치를 편집합니다. 각 멈춘은 명확한 색상, 불안정성 및 비율을 포함합니다.

준비 완료

그레이딩은 이 브라우저에 남아 있습니다. 색상이나 생성된 CSS는 변환기로 보내지 않습니다.

수입은 선형 그라디언(), 라디언 그라디오(), 또는 헥스 색상과 비율을 가진 코닉 그라딘().

생성된 CSS에는 지원되지 않은 렌더 및 접근 가능한 제어 크롬을 위한 그라디언트와 함께 단단한 배경 색상 패드백이 포함됩니다.

내 그라디언트가 업로드되었습니까?

Gradient 상태, 색상, 수입 CSS 및 생성 CSS는 브라우저에 남아 있습니다.

어떤 CSS 그라디언트 유형이 지원되는가?

발전기는 라인-그라디언(), 라디언-그레이디언() 및 코닉-그레디언 () 출력으로 여러 헥스 색상 정지로 생성됩니다.

무엇을 수입할 수 있나요?

수입은 하나의 지원 된 그라디언 기능, 헥스 색상, 선택적 비율 및 제한된 각도 또는 위치 값을 사용하여 의도적으로 제한 된 문법을 받아 들인다.

라인 또는 방사선 CSS 그라디언트를 구축하고 색상 정지, 각도, 위치 및 반복을 예보합니다.

입장: 그레이딩 유형, 색상 정지, 위치, 각도 및 반복 설정.
출력: 라이브 프리뷰 및 복사 가능한 CSS 배경 선언.
실제 제한: 브라우저 렌더링은 엔진에 따라 약간 다를 수 있으며, 도구는 유산 브라우징에서 대조 또는 지원을 평가하지 않습니다.
개인정보 및 데이터 처리: 그레이딩 유형, 색상 정지, 위치, 각도 및 반복 설정은 이 브라우저 탭에서 처리됩니다.Converter는 수신하거나 저장하지 않습니다; 페이지를 닫거나 다시로드하면 작업 상태가 명시적으로 도구가 현지 다운로드를 제공하지 않는 한 작동 상태를 밝혀줍니다.

색상 중지, 불법 색상 또는 불일치 위치가 없으면 유효한 CSS 진술이 구축되지 않습니다.

90도 라인 그라디언트를 만드십시오 #111827에서 0 %에서 #f59e0b까지 100%로 그리고 진술을 복사합니다.