색상 그라디언트는 둘 이상의 색상을 점진적으로 혼합 한 것입니다. 일반적으로 그라디언트는 두 가지 사용자 정의 색상으로 정의되며 컴퓨터는 그 사이의 모든 색상을 자동으로 계산합니다. 색상 그라디언트는 둘 이상의 사용 된 정의 색상으로 구성 될 수 있습니다. 웹 사이트 용 CSS 코드에서 선형 및 방사형 그래디언트를 정의 할 수 있습니다. 선형 색상 그라디언트는 색상을 직선으로 혼합하여 한 지점에서 다른 지점으로 점진적인 색상 전환을 수행합니다. 방사형 색상 그라디언트는 색상을 원형으로 혼합하여 특정 지점에서 발산되는 색상 전환을 유발합니다.
일반적으로 디자이너는 색상 그라디언트를 만들기 위해 둘 이상의 색상을 직접 선택합니다. 이를 위해서는 디자인 경험과 색상 조화를위한 좋은 눈이 필요합니다. Google의 색상 그라디언트 생성기는 로고 메이커 My Brand New Logo의 색 그라디언트 알고리즘을 사용합니다.이 색상 그라디언트는 자동으로 잘 생긴 및 균형이 잘 잡힌 * 그라디언트를 자동으로 만듭니다. 단일 색상 만 선택하면 그라디언트 생성기가 자동으로 멋진 그라디언트를 생성합니다. 배후에는 많은 색상 과학이 진행되고 있지만 색상 그라디언트는 항상 좋아 보입니다.
CSS 배경 그라디언트 생성기는 선택한 색상을 기반으로 색상 그라디언트를 자동으로 만듭니다. 우리는 다른 스타일의 그라디언트를 가지고 있습니다. 라이트 스타일은 광원에 의해 강조되는 것처럼 색상 그라디언트를 생성합니다. 색상에 빛을 더하기에 완벽합니다. 딥 스타일은이 개념을 조금 더 발전시키고 색상 스펙트럼에 더 많은 색조를 더합니다. 무지개 스타일은 밝은 색상에 적합하며 진주 모양을 만듭니다. 그리고 강렬한 스타일은 강렬하고 깊고 풍부한 색 그라데이션을 만듭니다.
색상을 선택하면 슬라이더를 드래그하여 그라디언트를 조정할 수 있습니다. 첫 번째 슬라이더는 그라디언트의 양을 제어합니다. 두 번째 슬라이더는 색상 그라디언트의 회전을 제어합니다. 이 기능을 사용하여 라이트가 나오는 곳을 시뮬레이션 할 수 있습니다. 세 번째 슬라이더는 선형 모드에서 방사형 모드로 전환됩니다.
그래디언트가 마음에 들면 생성 된 CSS 색상 그래디언트 코드를 복사하여 붙여 넣어 CSS 코드를 얻으십시오. 자신의 웹 디자인에서 똑같은 그라디언트를 얻으려면 자신의 CSS 코드에 배치하십시오.
색상 그라디언트로 로고를 만들려면 몇 가지 지침을 설정하십시오.
웹 프로젝트에서이 CSS 코드를 사용하여 색상 그라디언트를 얻으십시오.