0

파스텔 CSS 그라데이션 — 기성품 코드

선형, 방사형 또는 원뿔형 유형, 각도 슬라이더 및 실시간 전체 너비 미리 보기 및 복사 가능한 코드를 사용하여 최대 6개의 색상 정지점 등 시각적으로 CSS 그라디언트를 구축합니다.

90°
처리 중... 0%

결과

이 페이지에서는 미리 만들어진 파스텔 페이드가 로드된 그래디언트 생성기가 열립니다. 파우더 핑크 #ffdde1이 더스티 로즈 #ee9ca7에 혼합됩니다. 미리보기 패널에는 아래에 준비된 CSS 라인과 함께 소프트 결과가 즉시 표시됩니다.

파스텔 그라데이션은 온보딩 화면, 카드, 빈 상태 및 뷰티 또는 라이프스타일 브랜딩과 같이 포화 상태인 곳에서 작동합니다. 두 스톱 ​​모두 밝기 때문에 어두운 텍스트는 전체 표면에서 읽을 수 있습니다. 이는 대부분의 생생한 그라데이션이 오버레이 없이는 제공할 수 없는 것입니다.

선을 있는 그대로 복사하거나 불투명도에 인접한 트릭을 살짝 움직여 선을 더욱 부드럽게 만듭니다. 장미 스톱을 80%로 이동하고 분홍색이 지배적이게 하거나 부드러운 중앙 빛을 위해 방사형 유형으로 뒤집습니다. 이 도구는 모든 입력에서 복사 가능한 CSS를 업데이트합니다.